Div不会留在原地

Question

为什么一旦浅绿色盒子里装满了这么多内容（通过点击“填充”），红色框会向左移动一点，那么向下滚动是必要的？谢谢！

 /* For code, see jsfiddle */

http://jsfiddle.net/XeQSJ/2/

Answer 1

这是出现的滚动条，将所有内容推向左侧！ :)

Answer 2

如果不需要，您正在使用的浏览器可能不会显示滚动条。

因此，当需要时，您的窗口宽度尺寸将减小，并可能移动元素。

Answer 3

滚动条在需要之前不会出现，您可以通过在css中始终显示滚动条来保持常量：

html {overflow-y: scroll;}

Answer 4

喜欢这个

<强> demo

<强> CSS

html,body{
    overflow-y: scroll;
}