如何在这种情况下设置 div#wrap 高度？
<body style="height:100%;width:100%;overflow:hidden;padding:0;margin:0;">
<div id="header" style="width:100%;height:50px;z-index:5;background:blue;padding:0;margin:0;"> </div>
<div id="wrap" style="width:100%;overflow:scroll;background:red;height:100%;padding:0;margin:0;">
<div id="content" style="width:100%;height:2000px;padding:0;margin:0;">
</div>
</div>
<div id="footer" style="width:100%;height:30px;z-index:5;background:green;padding:0;margin:0;"> </div>
</body>
最佳答案
这是您要找的吗？
在 Firefox 中尝试...我不知道如何使页眉和页脚具有固定高度，然后将包装和内容设置为框架集使用的“剩余区域”...但是您可以还将页眉和页脚设置为 position: absolute 并附加到视口(viewport)的顶部和底部，方法是使用 top: 0 和 bottom: 0分别。
关于css - 在这种情况下如何设置 div 高度？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4288410/