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;
}

Chrome Picture

FireFox Picture

此外，绝对定位效果不佳，因为如果拉伸(stretch)屏幕，它可能会越过 wrap div。

Answer 1

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

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