为什么我的 CSS 宽度百分比在某些页面上会发生变化？答案

【问题标题】：Why does my CSS width % change on certain pages?为什么我的 CSS 宽度百分比在某些页面上会发生变化？
【发布时间】：2015-01-04 05:00:14
【问题描述】：

在我的网站上，中心元素由宽度、79% 和边距定义：auto。我喜欢它的外观。

但对于某些页面，宽度和边距略有不同。页面稍微向右移动并且稍微变大。很明显，79% 宽度的计算方式不同，margin: auto 也是如此。

但是，我无法分辨页面之间的区别。

我不知道为什么。奇怪的是，放大到足以使差异消失。

这是一些相关的css代码：

#container,
#header,
#access,
#footer-wrap-inner,
.message
{   
    width: 79%; max-width: 80em; 
    margin: 0 auto; position: relative; 
}

该页面确实使用 em 来定义一些元素，但似乎并不相关。

我们将不胜感激。

【问题讨论】：

标签： css width

【解决方案1】：

不同之处在于出现了滚动条 :) 如果我把窗口做得很小，以至于它们都有一个垂直滚动条，那么根本看不出有什么区别

【讨论】：

顺便说一句：没有真正的解决方案，这是居中布局的常见缺点。我不建议总是显示滚动条。有 JS-Snippets 可以检查滚动条并移动容器，但好吧......这是相当开销的。而且您不仅需要移动，还需要在每次调整窗口大小时拉伸它。