div上的滚动条有溢出:自动和百分比高度



是否有可能创建一个div,调整到浏览器的大小,也是可滚动的?我想在div上使用overflow:auto90%的高度百分比。

页面的结构是

<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>

在没有已知的px高度的情况下,overflow:auto会工作吗?

回答你的问题,是的,overflow:auto将工作,但你将需要在HTML标签上height: 100%:

html,body {    
    height:100%;
    margin: 0;
}
#header {
    height: 100%;
}
#content {
    height: 100%;
    overflow: auto;
}

你的标记是结构化的方式,虽然会产生两个div的高度相同的视口一个在另一个的顶部。这是你想要的吗?

如果是这样,这里有一个jsFiddle来说明你的例子。我已经调整了标记并添加了额外的内容,以便内容div可以按照需要溢出。

http://jsfiddle.net/chrissp26/WsNjm/

最新更新