我的page溢出到右边（有一个额外的空格，导致水平滚动条）。 CSS文件为link to css。
我遵循的做法是 - 在开始时，设置填充＆amp;所有使用的html元素的边距为0。然后，顶级框的宽度+填充+边距<= 100％至我观察到的最佳值。更重要的是，我已经在Chrome开发者工具和Firebug（在Firefox中）进行了调试。我浏览了body标签中层次结构中的每个容器框，每个框的宽度与窗口宽度相同。为什么然后溢出？
在相关的说明中，如果div A包含div B＆amp; C，那么A的宽度至少是max（宽度（B），宽度（C）），对吧？
答案 0 :(得分：3)
问题出现在#mainhmenu上，宽度为100％，两侧有5％的填充
@media (min-width: 1200px)
#navigation ul {
padding: 0% 5%;
}
有助于整体宽度达到110％。
答案 1 :(得分：2)
我刚刚发布了一个可以用来解决这类问题的跨浏览器工具。只需将鼠标悬停在区域中的每个元素上，即可看到边距，边框和填充，直到找到罪魁祸首！
答案 2 :(得分：1)
从width: 100%;移除#mainhmenu：）
答案 3 :(得分：1)
你的#mainmenu 它的宽度设定为100％，两侧有5％的衬垫。 如果你摆脱填充或将其宽度设置为90％，你将解决你的问题
答案 4 :(得分：1)
您可以隐藏水平滚动条，
body{
overflow-x:hidden;
}
希望这会有所帮助。请注意，一旦指定宽度，如果添加填充，它将添加到元素的整体宽度。