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

2023-11-26

是否可以创建一个可以根据浏览器大小进行调整并且可以滚动的 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>

Will overflow:auto在未知的情况下工作px层次结构中某处的高度?


回答你的问题,是的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/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

div 上的滚动条带有溢出:自动和百分比高度 的相关文章