css – 对于div来扩展全高

前端之家收集整理的这篇文章主要介绍了css – 对于div来扩展全高前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有一个方法,我可以使用一个div扩展到全高度?我也有一个粘性页脚。

这里是网页:网站已删除。我所说的中间位置是白色div,midcontent有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%;
}

所以是的,显然身高: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>
原文链接:https://www.f2er.com/css/222055.html

猜你在找的CSS相关文章