CSS全宽水平滚动

Question

我刚刚完成了以下website但是当我加载它时，我似乎有一个多余的滚动。

您能否就我为何以及如何解决此问题向我提供反馈。

我可以在这里发布代码，但过去几天我在过去几天的问题中大多数人就像一个有效的例子

Answer 1

因此，页脚中的NAV元素具有负右边距，这会导致水平溢出，从而导致滚动条出现。我想，你的意图是将导航物品向右移动。

要摆脱滚动条，只需删除负边距，然后将NAV的宽度设置为适当的值。

Answer 2

尝试将以下行添加到您的包装器

overflow-x: hidden;

Answer 3

尝试将此css属性添加到<div id="wrapper">元素：

overflow-x: hidden;

检查此link以获取overflow-x属性的官方文档。

你的CSS应该是这样的：

#wrapper {
     width: 100%;
     height: 100%;
     min-height: 100%;
     position: absolute;
     overflow-x: hidden;
}

我在Mac OS上的Safari（版本5.1.7），Firefox（11.x）和谷歌浏览器（19.x）中尝试过它，它就像一个魅力。

希望它有所帮助！