• 一个不错的CSS DIV布局,DIV高度自适应


    <?xml version="1.0" encoding="utf-8"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>WiseInfo</title>
    <style type="text/css">
    <!--
    * {
     margin:0px;
     padding:0px;
    }
    html, body {
     height:100%;
     overflow: hidden;
    }
    html>body {   /*-- for !IE6.0 --*/
      auto;
     height: auto;
     position: absolute;
     top: 0px;
     left: 0px;
     right: 0px;
     bottom: 0px;
    }
    body {
     border:8px solid #ffff00;
     background-color: #ffffff;
    }
    #mainDiv {
      100%;
     height: 100%;
     _padding-left:160px;
    }
    #rightDiv {
      100%;
     height: 100%;
     _padding:100px 0px;
    }
    #mainDiv>#rightDiv {
     auto;
     position:absolute;
     left:160px;
     right:0px;
    }
    #leftDiv {
     156px;
     height:100%;
     background-color:#99FF33;
     position:absolute;
     top:0px;
     left:0px;
    }
    #centerDiv {
      100%;
     height: 100%;
     background-color:#00CCFF;
    }
    #rightDiv>#centerDiv {
     height:auto;
     position:absolute;
     top:100px;
     bottom:100px;
    }
    #topDiv {
     height:96px;
     100%;
     background-color:#9933FF;
     position:absolute;
     top:0px;
    }
    #bottomDiv {
     height:96px;
     100%;
     background-color:#FF9900;
     position:absolute;
     bottom:0px;
     _bottom:-1px; /*-- for IE6.0 --*/
    }
    -->
    </style>
    </head>
    <body>
    <div id="mainDiv">
      <div id="leftDiv"></div>
      <div id="rightDiv">
        <div id="topDiv"></div>
        <div id="centerDiv" style="overflow:auto;"> 阿飞撒旦发啊是发送方啊沙发
          <h1 style="3000px; height:2000px; background-color:#F00;"></h1>
        </div>
        <div id="bottomDiv"></div>
      </div>
    </div>
    </body>
    </html>

    出自http://bbs.blueidea.com/viewthread.php?tid=2818595&extra=page%3D1%26amp%3Bfilter%3Drate

  • 相关阅读:
    ubuntu 16.04 安装显卡驱动,再安装cuda
    8. golang 基本类型转换
    7.golang的字符串 string
    5. 变量定义
    4. 代码规范
    3.golang 的注释
    1.windows server 201x
    exec 命令
    powershell
    1.Dockerfile
  • 原文地址:https://www.cnblogs.com/94cool/p/2779385.html
Copyright © 2020-2023  润新知