Firefox的CSS问题（额外填充）

Question

嗨，我正在Volusion上建一个商店，无法解决这个问题。 问题是在IE，Chrome，Safari中，我对search_refinement_filters的填充看起来很好，但在Firefox中，它们被推向右边350 px。 在这里查看Firefox CSS问题

如果你能提供帮助，请告诉我！ 我已经尝试将search_refinement_filters从内容div移动到内容区域，但遗憾的是我无法将其配置为工作。

谢谢！

Answer 1

这是由于#search_refinement_filters上的左边距和左边距。 绝对定位你也有些奇怪。 您可能想要添加position: relative对于#content 。

看看Firebug吧 。 它是分析Firefox中代码的便捷工具。

Answer 2

正如2C-B所说，＃search_refinement_filters留下了填充和左边距。 可以删除或覆盖这些以防止样式问题。

如果你还没有Firebug，你肯定应该进行测试。

在这里获取： https ： //getfirebug.com/

它是调试html，css和javascript问题的宝贵工具。

希望这可以帮助。

Answer 3

只需将以下样式添加到#search_refinement_filters div即可。 删除其他人。

#search_refinement_filters {
  position: absolute;
  top: 100px;
  left: 232px;
  width: 700px;
}

然后应用position: relative对于你的#content div。

#content {
  position: relative;
}