为什么我的页面溢出右边？

Question

我正在使用马修詹姆斯泰勒的圣杯3柱液体布局的变体。当我的doctype是XHTML时，它对我来说非常合适。然而，当我转换到HTML5时，它开始溢出到右边。可见区域仍然可以呈现正常，但浏览器显示水平滚动条不应该，并且页面右侧有多余的空格。

我的网站在这里： Western Wake Farmers' Market | Link to CSS

有关如何解决这个问题的任何见解？

Answer 1

您的#header ul样式指定左侧100％宽度和22 ems填充。

除了内容宽度之外，还应用了填充，因此您要使ul 22 ems大于页面的宽度，并且必须滚动。

Answer 2

为什么会这样 - 我不知道，除非你问我，否则我不会去看它。

ul里面的#header太宽了，这要归功于width: 100%的组合，以及（正如@zerocrates之前所说的那样）填充。

如何修复它：

• 从width: 100%内的ul移除#header。
• 如果以某种方式破坏某些内容，另一种解决方法是将overflow: hidden添加到#header。