html - 调试 CSS 页面溢出

Question

我的 page向右溢出(有额外的空白空间导致水平滚动条)。 CSS 文件是 link to css .

我遵循的做法是 - 在开始时，为所有使用的 html 元素设置 padding & margin 0。然后，根据我的观察，顶级框的宽度+填充+边距 <= 100%。更重要的是，我已经在 Chrome 开发者工具和 Firebug(在 Firefox 中)中进行了调试。我遍历了 body 标签中层次结构中的每个容器框，每个容器框的宽度都与窗口宽度相同。为什么会溢出？

相关说明，如果 div A 包含 div B 和 C，那么 A 的宽度将至少为 max(width(B), width(C))，对吗？

Answer 1

看起来问题出在 #mainhmenu 上，宽度为 100%，两侧填充为 5%

@media (min-width: 1200px)
  #navigation ul {
  padding: 0% 5%;
}

贡献了 110% 的整体宽度。