让底部的div填充页面的其余部分
提问于 2012-09-25 08:52:54
我有以下结构：image http://images.devs-on.net/Image/4eludampmz3Ylfm6-Bereich.png
我不知道头部的高度，但我想让第二个容器填满剩下的高度。
我找到了一些解决方案，当我现在想要头部的大小，但我没有。我希望上面的容器适合它的内容，而第二个容器填满窗口的其余部分。
如何解决这个问题？
回答 6
Stack Overflow用户
回答已采纳
发布于 2012-09-25 08:57:08
您可以使用JavaScript/jQuery
var topDivHeight = $("#topdiv").height(),
totalHeight = $(document).height();
$('#bottomDiv').height(totalHeight - topDivHeight );Stack Overflow用户
发布于 2012-09-25 08:57:03
您可以通过以下方式完成此操作
position:absolute;
height:100% !important;Stack Overflow用户
发布于 2012-09-25 08:57:50
对于纯CSS来说，没有一种很好的跨浏览器的方法可以做到这一点。最好的办法是使用jQuery/javascript来调整div的高度以填充整个屏幕。假设顶部div的高度为200px：
$("#bottom_div").css({
minHeight: (($(window).height()) - 200) + 'px'
})当你调整屏幕大小时，你也需要调用它。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12579395
复制相关文章
腾讯云开发者
