Html 渲染后出现滚动条时CSS 100%宽度
默认情况下,页面的高度小于窗口的高度,宽度显示良好 但是,有些JavaScript可以将内容添加到my-div中。Html 渲染后出现滚动条时CSS 100%宽度,html,css,layout,scrollbar,Html,Css,Layout,Scrollbar,默认情况下,页面的高度小于窗口的高度,宽度显示良好 但是,有些JavaScript可以将内容添加到my-div中。 然后页面高度将大于窗口高度。 然后,滚动条出现在页面的侧面(这很好)。 … 然后页面保持完全相同的宽度,不会收缩以容纳新的滚动条(这不好,因为新添加的滚动条会阻止某些内容(不要问为什么没有填充…) 如果我在页面上重新加载额外的内容,内容会缩小,这是很好的 更多信息: 发生在谷歌浏览器上 发生在IE11中 在以前的IE版本中不会发生这种情况 到目前为止,在溢出上乱搞似乎没有什么帮助
然后页面高度将大于窗口高度。
然后,滚动条出现在页面的侧面(这很好)。
…
然后页面保持完全相同的宽度,不会收缩以容纳新的滚动条(这不好,因为新添加的滚动条会阻止某些内容(不要问为什么没有填充…) 如果我在页面上重新加载额外的内容,内容会缩小,这是很好的 更多信息:
- 发生在谷歌浏览器上
- 发生在IE11中
- 在以前的IE版本中不会发生这种情况
- 到目前为止,在
上乱搞似乎没有什么帮助溢出
- 放置永久滚动条是不可能的:)
所以。。。如何修复?请添加一个JSFIDLE,或者使用您的标记和css???@BeatAlex JSFIDLE可以填充整个页面吗?只需要所需的位@JacobSpire@BeatAlexJSFIDLE中没有重复的错误。。。
<html>
<body>
<div id="my-div" style="width: 100%">
<!-- Lots of stuff -->
</div>
</body>
</html>