Css 是什么导致了这个双滚动条/空白？

我对Chrome、Firefox和IE都有一个奇怪的问题。 我正在为我的公文包网站/博客构建一个WordPress主题，一切都很好，直到今天，当我用chrome浏览该网站时，页面底部突然出现了一个大的白色栏，当在Firefox/IE中浏览该页面时，它显示了一个双边栏。 这是这一页 请原谅firefox中丑陋的标题，尚未修复所有浏览器的bug。 任何帮助都将不胜感激。

---

谢谢

修复标题并从正文中删除

overflow-x:hidden

，它就可以正常工作了

修正你的标题，我的意思是，这是什么

margin-left:-1000px;
padding-left:1000px;
padding-right:1000px;
margin-right:1000px;

如果希望页眉背景跨越窗口的宽度，请将其移到

#wrapper

之外，然后在其中放置另一个内容包装（以便内容保持居中）

满足于此
这里的尸体
.包裹{
宽度：500px；
保证金：0自动；
}
#标题{
背景色：#CCC；
}
#内容{
背景色：#FFF；
}

---

.

感谢您全面的回答和演示，非常有帮助。谢谢：

<div id="header">
    <div class="wrap">content here</div>
</div>
<div class="wrap" id="content"> body stuff here </div>

.wrap {
  width: 500px;
  margin: 0 auto;
}
#header {
  background-color: #CCC;
}

#content {
  background-color:#FFF;
}