得到奇怪的幻影水平滚动条......什么？

Question

所以我不得不将我的容器更改为位置以外的其他东西：fixed;现在我得到一个奇怪的水平滚动条......即使我试图隐藏X溢出。怎么了？ http://www.graysonearle.com/Lumarca是网站

Answer 1

您需要从以下内容中删除宽度：

#nav {
   position: absolute;
    width: 1024px; // remove this line
    top: 36px;
    display: inline;
    font-family: Verdana;
    font-size: 12px;
}

1024px是文档的宽度，但由于导航内嵌在徽标旁边，因此它会将文档向右推，并导致滚动条出现。

您似乎在Chrome中存在其他一些布局问题。在加载开发人员工具之前，导航甚至都不可见。

Answer 2

在您的来源：第1行的style.css

中找到

html {
    overflow-y: scroll;
}

将溢出放在html元素上是没有意义的，你应该把它放在body元素上。

Answer 3

如果你有这个问题的IE。您需要在已定义position:relative的身体类上添加overflow:hidden。

Answer 4

无论出于何种原因，在overflow元素上定义html会导致浏览器忽略body上的overflow-y。从html元素中删除body，它按预期工作。

如果需要，请将其放在{{1}}上。