如何在这种情况下设置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>
答案 0 :(得分:1)
这是你在找什么?
在Firefox中尝试...我不知道如何将页眉和页脚设置为固定高度,然后将包装和内容设置为“剩余区域”,就像使用框架集一样......但是你可以还可以将页眉和页脚设置为position: absolute
,并分别使用top: 0
和bottom: 0
附加到视口的顶部和底部。
答案 1 :(得分:0)
您实际上无法设置div高度的高度:height:100%
,您可能想尝试min-height:400px!important; _height:400px;