css - chrome/safari 和 firefox 之间的 CSS 定位差异

Question

好的，所以我已经尝试了很多方法来解决这个问题，但我一定遗漏了一些东西。我对此并不陌生，并且在使用 firebug 时正在学习，这使我很难解决这个特殊问题。我的网站（正在开发中）在 Firefox 中运行良好，但在 chrome 和 safari 中的搜索栏和类别栏之间存在垂直差距。看这里：

您可以在 Chrome 中看到红色搜索栏和黑色类别栏之间的差距。起初我以为是“博客描述”，但我将其设置为不显示，但没有帮助。我还尝试切换位置定义，但无法在 Chrome 中解决此问题，而不会在 Firefox 中搞砸。任何帮助表示赞赏！

score 1 · Accepted Answer

你有

#header { 
  padding:0 0 20px 0;
}

在你的 css 中 ..（Style.css，第 54 行）

您应该删除填充。

score 1 · Accepted Answer

正如@Tim 所说，“#header”样式有一个 20px 的填充，并且在你的 css 文件的底部你有：

#header, x:-moz-any-link, x:default {
    padding: 0;
}

这就是为什么在 Firefox 中您看不到差距的原因。

2 回答 2