Question

好的，所以我尝试了很多方法来解决这个问题，但我必须遗漏一些东西。我是新手，并且在我使用萤火虫时学习，这使我很难解决这个特殊问题。我的网站（正在开发中）在firefox中运行良好，但在chrome和safari中搜索栏和类别栏之间存在垂直差距。见这里：

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

Answer 1

你有

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

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

你应该删除填充。

Answer 2

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

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

这就是为什么在Firefox中你没有看到差距。