在prestashop主题中，Chrome和firefox的Css绝对位置不同

Question

我正在修复一个prestashop主题，我准备在一个非常小的问题上撕掉我的头发。我的搜索位于我的导航旁边，但顶部比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给出了我的样式表，我尝试手动将搜索块的font-size和line-height设置为零，但它没有用。我不知道该怎么做。非常感谢您的帮助。

Answer 1

抱歉，我之前没有看到答案，并给出了一个完全重复的答案。退出那个。这是新的：

#menu {
    overflow: hidden;
}

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

主要想法：使用overflow: hidden;

为#menu创建BFC PS：这段代码令人难以置信。 :(

远离那个，祝你有愉快的一天。