7

是否可以创建一个 div 来调整浏览器的大小并且也可以滚动?我想overflow:auto在 div 和百分比高度上使用90%

页面的结构是

<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

4

1 回答 1

12

在回答您的问题时,肯定overflow:auto会起作用,但您还需要height: 100%HTML 标签:

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

但是,您的标记的结构方式会产生两个 div,它们的高度都与视口的高度相同,一个在另一个之上。那是你的意图吗?

如果是这样,这里有一个 jsFiddle 来说明您的示例。我已经调整了标记并添加了其他内容,以便内容 div 根据您的需要溢出。

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

于 2013-10-10T11:49:38.807 回答