填充仅出现在 chrome 浏览器上

【问题标题】：Padding appears on chrome browser only填充仅出现在 chrome 浏览器上
【发布时间】：2013-07-01 15:17:23
【问题描述】：

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

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

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

谁能指导我。是 CSS 的问题还是头部区域的脚本有问题？

更新：见下图：

铬：

火狐：

【问题讨论】：

对我来说看起来不错，问题到底出在哪里？
我已经更新了我的答案。我相信它会解决问题。你能查一下吗？

标签： html css google-chrome chromium

【解决方案1】：

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

经过检查，我可以看到由于某种原因这个 sn-p 导致了一些问题：

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

再远一点，我可以看到这个sn-p：

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

将两个sn-ps的margin-bottom设置为0，结果会如预期！

【讨论】：

谢谢！这正是我们所需要的。 ✓