有一个方法,我可以使用一个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>