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>
    
  • 相关阅读:
    《架构整洁之道》阅读笔记
    设计模式——单例模式
    设计模式——工厂模式使用
    记一次同事安装我自定义一Python3 SDK在window10安装失败情况
    CentOS7常用的一些命令
    Java
    Java
    Java
    Java
    python
  • 原文地址:https://www.cnblogs.com/fzz2727551894/p/5237882.html
Copyright © 2011-2022 走看看