Firefox的CSS问题（额外填充）

Question

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

如果可以提供帮助，请告诉我们！我已经尝试将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;
}