css - 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/sfFYT reset 给出了我的样式表，我尝试手动将搜索块的字体大小和行高设置为零，但它没有奏效。我不知道该怎么办。非常感谢您的帮助。

Answer 1

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

#menu {
    overflow: hidden;
}

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

主要思想：为#menu创建一个BFCoverflow: hidden;

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

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