Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 渲染后出现滚动条时CSS 100%宽度_Html_Css_Layout_Scrollbar - Fatal编程技术网

Html 渲染后出现滚动条时CSS 100%宽度

Html 渲染后出现滚动条时CSS 100%宽度,html,css,layout,scrollbar,Html,Css,Layout,Scrollbar,默认情况下,页面的高度小于窗口的高度,宽度显示良好 但是,有些JavaScript可以将内容添加到my-div中。 然后页面高度将大于窗口高度。 然后,滚动条出现在页面的侧面(这很好)。 … 然后页面保持完全相同的宽度,不会收缩以容纳新的滚动条(这不好,因为新添加的滚动条会阻止某些内容(不要问为什么没有填充…) 如果我在页面上重新加载额外的内容,内容会缩小,这是很好的 更多信息: 发生在谷歌浏览器上 发生在IE11中 在以前的IE版本中不会发生这种情况 到目前为止,在溢出上乱搞似乎没有什么帮助

默认情况下,页面的高度小于窗口的高度,宽度显示良好

但是,有些JavaScript可以将内容添加到my-div中。
然后页面高度将大于窗口高度。
然后,滚动条出现在页面的侧面(这很好)。

然后页面保持完全相同的宽度,不会收缩以容纳新的滚动条(这不好,因为新添加的滚动条会阻止某些内容(不要问为什么没有填充…)

如果我在页面上重新加载额外的内容,内容会缩小,这是很好的

更多信息:

  • 发生在谷歌浏览器上
  • 发生在IE11中
  • 在以前的IE版本中不会发生这种情况
  • 到目前为止,在
    溢出
    上乱搞似乎没有什么帮助
  • 放置永久滚动条是不可能的:)

所以。。。如何修复?

请添加一个JSFIDLE,或者使用您的标记和css???@BeatAlex JSFIDLE可以填充整个页面吗?只需要所需的位@JacobSpire@BeatAlexJSFIDLE中没有重复的错误。。。
<html>
    <body>
        <div id="my-div" style="width: 100%">
        <!-- Lots of stuff -->
        </div>
    </body>
</html>