Css 是什么导致出现水平滚动？

在常规版本、宽屏版本和平板电脑版本中，当窗口距离

站点包装

容器约一英寸时，滚动条就会出现，此时会出现水平滚动。我可以看到，如果我从

div#title

中删除25px的宽度，滚动就会消失

但我不明白的是，容器（

site_-wrap

）是1280px，

div.title_-wrap

是自动的，

div#title

是1234px，左边距是46px

---

在不同的

@媒体

查询中似乎出现了一些计算错误，导致了这个问题。通过添加以下内容，您可以轻松摆脱整个水平滚动条（因为它根本不需要）：

body { 
    overflow-x:hidden;
}

只需定义您的

#站点_wrap

边距：0自动

和

溢出：隐藏

如下所示

div#site_wrap {
margin: 0 auto;
overflow: hidden;
}

http://brainbuzzmedia.com/themes/expression/wp-content/themes/expression/css/bgs/gradient.css

Css路径是这样的

div#site_wrap {
margin: 0 auto;
overflow: hidden;
}

http://brainbuzzmedia.com/themes/expression/wp-content/themes/expression/css/bgs/gradient.css

---

问题出在

.title\u包装中

或者更确切地说是

.navline

。你应该加上

.navline {
   overflow: hidden;
}

---

这是因为

Blog

菜单，它是隐藏的（不透明度为0），但显示不是

none

，这意味着它仍然保持其位置的流动

您可以通过将display:none设置为

ul

元素来检查这一点

<li id="menu-item-813" class="menu-item menu-item-type-post_type menu-item-object-page     current-menu-item page_item page-item-178 current_page_item menu-item-813"><a href="http://brainbuzzmedia.com/themes/expression/blog/">Blog</a>
<!-- this--><ul class="sub-menu"> 

---

您应该正确设置其位置，以避免文档溢出。

您的解释有点混乱。你能不能尽量简洁一点？事实似乎并非如此。我刚刚删除了包含媒体查询的responsive.css文件，它仍然显示滚动条。我想弄清楚为什么会发生这种情况，而不是在上面缠绷带。啊，看起来是这样的。还是不知道为什么会发生这种情况，因为没有什么比这个容器更宽，但谢谢你。@BRAINBUZZmedia请检查我的答案。