Firefox 的 CSS 问题（额外填充）答案

【问题标题】：CSS Issue for Firefox (extra padding)Firefox 的 CSS 问题（额外填充）
【发布时间】：2014-03-31 09:02:06
【问题描述】：

您好，我正在 Volusion 上建立商店，但无法解决这个问题。问题是在 IE、Chrome、Safari 中，我的 search_refinement_filters 填充看起来不错，但在 Firefox 中，它们被推到右侧大约 350 像素。 Check out the Firefox CSS issue here

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

谢谢！

【问题讨论】：

标签： css firefox margin padding

【解决方案1】：

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

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

然后将position: relative 应用到您的#content div。

#content {
  position: relative;
}

【讨论】：

非常感谢，我能够用您的代码修复它。太感谢了！需要做很多奇怪的调整来覆盖 volusion，以至于我头晕目眩。

【解决方案2】：

正如 2C-B 所说，#search_refinement_filters 有左边距和左边距。这些可以被删除或覆盖以防止样式问题。

如果您还没有 Firebug，则绝对应该将其用于测试目的。

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

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

希望这会有所帮助。

【讨论】：

是的，我认为我做得太过分了。很好，现在已经清理干净了:)

【解决方案3】：

这是由于#search_refinement_filters 的左边距和左边距造成的。您对绝对定位也有一些奇怪之处。您可能需要将position: relative 添加到#content。

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

【讨论】：

可能想提一下，Firefox 有一套非常强大的内置开发/检查工具，可以使 Firebug 显得有些无关紧要。
谢谢！我实际上拥有并使用了它，但我尝试的却没有用哈哈。无论如何，非常感谢您的建议！