zoukankan      html  css  js  c++  java
  • [MVC] DIV 布局

    [MVC] DIV 布局

    <style>
        .top {
            background-color: red;
            height: 50px;
            top: 0px;
            position: absolute;
            left: 0;
             100%;
        }
    
        .bottom {
            background-color: green;
             100%;
            height: 100px;
            bottom: 0;
            position: absolute;
            left: 0;
        }
    
        .middle {
            background-color: yellow;
            position: absolute;
            top: 50px;
            left: 200px;
            bottom: 0;
            overflow-y: auto;
            margin-bottom:100px;
            right:200px;
        }
    
        .left {
             200px;
            background-color: purple;
            position: absolute;
            left: 0;
            top: 50px;
            bottom: 0;
            margin-bottom: 100px;
            overflow-y: auto;
        }
    
        .right {
             200px;
            background-color: grey;
            position: absolute;
            right: 0;
            top: 50px;
            bottom: 0;
            margin-bottom: 100px;
            overflow-y: auto;
        }
    
    </style>
    
    
    <div class="top">top</div>
    
    <div class="left">
        left<br />
        @{
            for (int i = 0; i < 1000; i++)
            {
                @i<br />
            }
        }
    </div>
    
    <div class="middle">
        middle<br />
           @{
               for (int i = 0; i < 1000; i++)
               {
                   @i
               }
               for (int i = 0; i < 1000; i++)
               {
                   @i<br />
               }
           }
        
    </div>
    
    <div class="right">
        right<br />
        @{
            for (int i = 0; i < 1000; i++)
            {
                @i<br />
            }
        }
    </div>
    
    <div class="bottom">bottom</div>
    
  • 相关阅读:
    Kotlin学习系列(三)
    获取Android设备标识符
    Kotlin学习系列(二)
    ijkplayer实现IMediaDataSource
    Fresco添加HTTP请求头
    Kotlin学习系列(一)
    完整的Android MVP开发之旅
    Marshmallow权限使用
    APP设计与开发(ui篇)
    下载Android源码
  • 原文地址:https://www.cnblogs.com/fzz2727551894/p/5237882.html
Copyright © 2011-2022 走看看