为div扩展全高

  • Z时代
  • 2024-01-10
  • 分类：问答

有没有一种方法可以使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>

回答：

您还记得在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>

以上是 为div扩展全高 的全部内容， 来源链接： utcz.com/qa/407921.html

回到顶部