创建div高度100％，但不应出现页面滚动条

Question

我正在创建一个100％高度的div HTML

<div id="BottomShelf"></div>

CSS

#BottomShelf{ position:absolute; top:400px; left:0px; width:100%; height:100%;; background:#d4b7a0; z-index:1;}

页面上有一个页面滚动显示，但只有在有内容时才需要页面滚动（不是div滚动）。身高：汽车也没有做到这一点。

无论显示器的高度如何，我都需要使用div来获取浏览器高度。

Answer 1

尝试设置top: 400px; bottom: 0;而不是top: 400px; height: 100%;

编辑：请注意，这可能不适用于IE6（不了解IE7）

Answer 2

body标签有一些默认边距，因此如果你需要一个div来取代身体，请先将身体样式设置为：margin: 0;

我尝试使用以下样式创建一个div，它似乎可以执行您想要的操作：

height: 100%;
overflow: auto;

如果内容超出高度，

overflow: auto将为div提供垂直滚动条。

Answer 3

你试过溢出：隐藏; css样式属性？

对不起，它溢出了：隐藏;