css - CSS位置变化/问题

Question

我刚刚完成了那个网站，但是还有一个愚蠢的错误......

如果你检查整个页面的水平位置，会有轻微的变化......没什么可哭的，但为什么

这是2页

http://jlecologia.com/index.php

http://jlecologia.com/entreprise.php

任何想法，水平CSS是：

#wrapper {
    position:relative; /* center, not in IE5 */
    width:856px;
    top: 38px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    display: block;
    padding: 0px;
}

我不喜欢我的页面来做 cha-cha-cha ！

Answer 1

当不需要垂直滚动条时，浏览器的视口会被展开。由于您的设计是水平居中的，因此当视口扩展时，居中会发生变化。这就是 cha-cha-cha 的原因（不要让你的舞蹈教练告诉你不同的说法）。

如果您对此感觉强烈，可以强制垂直滚动条始终显示如下：

html { min-height: 100%; margin-bottom: 1px; }
* html { height: 100%; } /* for ie 6 */

Answer 2

内容较多的页面右侧有滚动条。

因为您有一个水平居中的页面，所以带有滚动条的页面宽度会窄几个像素，导致居中部分向左移动。