html - CSS 全角水平滚动

Question

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

您能否就我为什么以及如何解决此问题给我反馈。

我可以在这里发布代码，但大多数人在过去几天里遇到的以前的问题就像一个工作示例

score 4 · Accepted Answer

因此，页脚中的 NAV 元素有一个负的右边距，这导致了水平溢出，进而导致出现滚动条。我猜，您的意图是将导航项进一步向右移动。

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

score 2 · Accepted Answer

2

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

overflow-x: hidden;

于 2012-06-03T21:49:54.757 回答

score 0 · Accepted Answer

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

overflow-x: hidden;

检查此链接以获取 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）和 Google Chrome（19.x）中尝试过它，它就像一个魅力。

希望能帮助到你！

3 回答 3