html - Firefox中的谷歌自定义搜索定位

Question

我在我正在处理的这个网站中添加自定义谷歌搜索引擎时遇到问题。搜索栏的定位最初在 chrome 和 IE 中给我带来了一些问题。它应该在中心 div 中，实际上它会显示在中心，但它只会在加载之前的所有其他 div 之后显示。所以它给了我这个巨大的空白空间，而不是从中心 div 开始。我设法让它在 chrome 和 IE 中工作，但它仍然不能在 firefox 上工作。

#searchbar{
width:620px;
margin: 22px 160px;
position:relative;
clear:both; 
max-height:500px;
overflow:auto;
}

铬图片

火狐图片

绝对定位也不能很好地工作，因为如果你拉伸屏幕，它可能会越过 wrap div。

Answer 1

您是否正在使用 CSS 重置工具，例如：erik meyer's css reset？

这些重置通常有助于在不同浏览器将 css 效果呈现到标记上的方式之间获得更多的一致性。我将从那里开始，如果它不直接固定位置，它将设置外观，因此两个浏览器都以类似的方式呈现搜索栏。那么你可以准确地决定如何调整它，而不必在不同浏览器之间拉锯战