我希望我的页面具有图片中的行为。 100% 的盒子有浏览器屏幕的高度，自动盒子有一个最小高度，比方说 100px，所以，我喜欢自动盒子增加/减少，如果它的高度低于 100px，然后创建自动框中的滚动条而不是浏览器中的滚动条(如图所示)。
编辑: http://jsfiddle.net/erwingo/gMEBn/ 问题是，当您调整窗口大小时，滚动条会出现，因为 --div class="content"-- 似乎没有减小。
对不起，如果我的英语不够好。
最佳答案
您可以按屏幕百分比指定元素的高度。然后给你的内容区 overflow: auto;
另一种选择，因为页眉和页脚的高度似乎是静态的，所以将内容设置为 position:absolute;顶部:totalOfHeadersHeight；底部:页脚高度； overflow: auto; 然后它会为您提供内容区域，因为它用自己的单独滚动区域填充屏幕。
关于html - 没有浏览器滚动条的垂直固定和流动布局，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12862449/