0

我看到我的网站上出现了一些空白:http: //goo.gl/hTyrj

它只出现在使用 chrome 浏览器而不是 firefox 和 IE 上。尝试在各种浏览器(包括chrome)中打开链接,您就会明白问题所在。

我尝试检查 chrome 中的元素。但我无法识别它是什么。

任何人都可以请指导我。是CSS的问题还是头部区域的一些脚本?

更新:见下图:

铬合金:

chrome浏览器中的额外空白

火狐:

火狐

4

1 回答 1

2

我还发现您的网站在 Chrome 和 IE10 之间存在差异。

经过检查,我可以看到由于某种原因此代码段会导致一些问题:

#nav-container {
  margin-bottom: 3em;
}

再进一步,我可以看到这个片段:

#nav-container {
  border: 1px solid #d9d9d9;
  border-width: 1px;
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
  background: -webkit-linear-gradient(#ffffff, #f5f5f5);
  background: -moz-linear-gradient(center top, #ffffff 0%, #f5f5f5 100%);
  background: -moz-gradient(center top, #ffffff 0%, #f5f5f5 100%);
  margin: 0 0 1em 0;
}

将两个片段的 margin-bottom 设置为 0,结果将如预期的那样!

于 2013-07-01T15:25:13.483 回答