Question

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

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

导致这个双滚动条/空格的原因是什么？

1 个答案: