我在动态加载内容的网页上有一个 DIV。如果内容太长(或者浏览器窗口被用户缩小),DIV 上会出现垂直滚动条。当然,DIV 的宽度也会缩小以容纳滚动条。到目前为止一切正常。
有没有办法为滚动条保留一个空间,这样无论滚动条可见性如何,内容的宽度都不会改变?理想情况下只使用 CSS。
在 IE8+ 和最新的 Chrome、FF、Safari、Android、OSi 中工作
http://jsfiddle.net/spiderplant0/VUhDt/
#content{
position: absolute;
left:10px; top:10px; bottom:10px;
width: 150px;
background: yellow;
overflow: auto;
}
最佳答案
不确定这是否正是您想要的,但是您可以将 div 放入容器中并将包含的 div 设置为 overflow:auto 吗?例如。
CSS:
#container {
position: absolute;
left:10px; top:10px; bottom:10px;
overflow: auto;
width: 170px;
background: blue;
}
#content {
width: 150px;
background: yellow;
overflow: none;
}
HTML:
<div id="container">
<div id="content">
Content here
</div>
</div>
js fiddle 示例在这里:http://jsfiddle.net/SC3bg/
关于html - 固定宽度的内容,无论是否存在滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16108319/