我有以下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()});
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。