在这种情况下如何设置div高度?

时间:2010-11-26 20:39:43

标签: css html

如何在这种情况下设置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;">&nbsp;</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;">
&nbsp;
</div>
</div>
<div id="footer" style="width:100%;height:30px;z-index:5;background:green;padding:0;margin:0;">&nbsp;</div>
</body>

2 个答案:

答案 0 :(得分:1)

这是你在找什么?

  

http://jsfiddle.net/nkUwa/1/

在Firefox中尝试...我不知道如何将页眉和页脚设置为固定高度,然后将包装和内容设置为“剩余区域”,就像使用框架集一样......但是你可以还可以将页眉和页脚设置为position: absolute,并分别使用top: 0bottom: 0附加到视口的顶部和底部。

答案 1 :(得分:0)

您实际上无法设置div高度的高度:height:100%,您可能想尝试min-height:400px!important; _height:400px;