prestashop 主题中的 Chrome 和 firefox 的 CSS 绝对位置不同

Question

我正在修复一个 prestashop 主题，我正准备为一个非常小的问题撕毁我的头发。我有一个搜索绝对位于我的导航旁边，但顶部比 chrome 中的 firefox 低 10px，所以基本上，如果它在 firefox 中居中，它在 chrome 上挂得很低。下面是我的搜索框css：

#search_block_top {
background: none repeat scroll 0 0 transparent;
height: 30px;
position: absolute;
right: 20px;
top: 215px;/*this is correct in firefox*/
z-index: 1005;
}

你可以在这里看到这个网站：http://goo.gl/sfFYTreset 是我的样式表，我已经尝试手动将搜索块的字体大小和行高设置为零，但它没有奏效。我不知道该怎么办。非常感谢您的帮助。

Answer 1

对不起，我没有查看我之前的答案，并且给出了完全重复的答案。撤回。这是新的：

#menu {
    overflow: hidden;
}

#search_block_top {
    top: 205px; /* you can modify the original rule */
}

主要思想：使用overflow: hidden;为#menu 创建一个BFC

PS：该代码令人难以置信。 :(

远离那个，祝你有美好的一天。