前端之家收集整理的这篇文章主要介绍了
CSS-如何使DIV占用页面的其余部分？ ，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
我有以下HTML：
<html>
<body>
<h2>Title</h2>
<div id='large_div'>
blah.. blah.. blah..
</div>
</body>
</html>
如何使large_div占据页面的其余高度？
这是页面的CSS：
html { height: 100%; }
body { height: 100%; }
#large_div {
/* ??? */
}
最佳答案
您可以尝试在#large_div上设置等于h2高度的负边距.不幸的是,这不是很可靠的
代码,因为h2高度将根据文本长度和浏览器而变化：
#large_div {
height: 100%;
margin-top: -1em; /* adjust to height of h2 */
}
一点点的jQuery可以解决您的问题：
$(document).ready(function(){
$('#large_div').css({height: $(window).height() - $('h2').height()});
});
原文链接：https://www.f2er.com/css/530801.html
