html - 没有浏览器滚动条的垂直固定和流体布局

Question

我希望我的页面具有图像中的行为。100% 框有浏览器屏幕的高度，自动框有一个最小高度，比如说 100px，所以，我喜欢自动框增加/减少，如果它的高度低于 100px，然后创建自动框中的滚动条，而不是浏览器中的滚动条（如图所示）。

编辑： http: //jsfiddle.net/erwingo/gMEBn/ 问题是，当您缩小窗口时，会出现滚动条，因为 --div class="content"-- 似乎没有减少。

对不起，如果我的英语不够好。

Answer 1

您可以以屏幕百分比指定元素的高度。然后给你的内容区域overflow: auto;

另一种选择，因为你的页眉和页脚的高度似乎是静态的，所以将内容设置为position:absolute; top: totalOfHeadersHeight; bottom: footerHeight; overflow: auto;它然后会给你内容区域，因为它用它自己的单独的滚动区域填充屏幕。