是否可以创建一个 div 来适应浏览器的大小并且还可以滚动？
我想在 div 和 90% 的百分比高度上使用 overflow:auto。
页面的结构是
<body style="height:100%">
<div id=header style="height:100%">headerinfo</div>
<div id=content style="height:100%;overflow:auto">content which is replaced dynamically</div>
</body>
overflow:auto 是否可以在层次结构中某处没有已知 px 高度的情况下工作？
最佳答案
在回答您的问题时，是的，overflow:auto 会起作用，但您还需要在 HTML 标记上使用 height: 100%:
html,body {
height:100%;
margin: 0;
}
#header {
height: 100%;
}
#content {
height: 100%;
overflow: auto;
}
虽然标记的结构方式会产生两个与视口(viewport)高度相同的 div，一个在另一个之上。这是你想要的吗？
如果是这样，这里有一个 jsFiddle 可以说明您的示例。我调整了标记并添加了额外的内容，以便内容 div 根据您的需要溢出。
关于html - div 上的滚动条溢出 :auto and percentage height，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17060168/