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

Question

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

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

演示。