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

Question

我在使用 Chrome、Firefox 和 IE 时遇到了一个奇怪的问题。我正在为我的投资组合网站/博客构建一个 WordPress 主题，一切都很好，直到今天，当我在 chrome 中查看该网站时，突然在页面底部有一个大白条，当页面被查看时Firefox/IE 它显示双侧边栏。这是页面 http://iamdannygreen.com/?p=5请原谅 firefox 中丑陋的 header ，还没有修复所有浏览器的错误。任何帮助将不胜感激。谢谢

Answer 1

修复你的标题并从正文中删除 overflow-x: hidden ，它会工作得很好。

通过修复标题，我的意思是，这是什么...？

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

如果您希望页眉背景跨越窗口的宽度，请将其移到 #wrapper 之外，并在里面放置另一个包装器来放置内容(以便内容保持居中)。

<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;
}

DEMO .