为div扩展全高

小编典典

为div扩展全高

css

有没有一种方法可以使div扩展到最大高度？我也有一个脚注。

这是网页： 网站已删除 。我要说的中间部分是白色div，中间内容具有CSS值：

.midcontent{
     width:85%;
     margin:0 auto;
     padding:10px 20px;
     padding-top:0;
     background-color:#FFF;
     overflow:hidden;
     min-height:100%;
     max-width:968px; 
     height:100%;
}

所以是的，显然height:100%没有用。此外，所有父容器都有高度设置。

这是一般结构

<body>
    <div id="wrap">
        <div id="main">
            <div class="headout">
                <div class="headimg"></div>
            </div>
            <div class="midcontainer"></div>
        </div>
    </div>
    <div id="footer">
        <div class="footer"></div>
    </div>

阅读 438

2020-05-16

共1个答案

小编典典

您还记得在CSS中设置html和body标签的高度吗？通常，这就是我让DIV扩展到最大高度的方式：

<html>
  <head>
    <style type="text/css">

      html,body { height: 100%; margin: 0px; padding: 0px; }
      #full { background: #0f0; height: 100% }

    </style>
  </head>
  <body>
    <div id="full">
    </div>
  </body>
</html>

2020-05-16