<html>
<body>
<div id="my-div" style="width: 100%">
<!-- Lots of stuff -->
</div>
</body>
</html>
默认情况下，页面的高度小于窗口高度，宽度很好。
但是，有一些JavaScript可以将内容添加到my-div中
然后页面高度大于窗口高度
然后滚动条出现在页面的一侧（很好）
...
然后页面保持完全相同的宽度，并且不会收缩以适应新的滚动条（这不好，因为新添加的滚动条会阻止一些内容（不要问为什么没有）填充...））。
如果我重新加载包含额外内容的页面，内容会缩小，这很好。
更多信息：
overflow混在一起似乎没什么帮助。那么......如何解决？