浏览器之间的 margin-top 行为不同

Question

我们有一个richfaces 表（rich-table 样式类），我们希望在表的顶部留出一些空间。我们尝试在上述样式类上使用 px 和 %age 值的 margin-top。但是两种浏览器的结果行为不同。与 Chrome 相比，FF 产生更多空间。我们如何解决这个问题并与浏览器无关？

Answer 1

您可能需要考虑使用reset stylesheet。

重置样式表将减少浏览器的不一致性，例如默认行高、页边距和标题的字体大小。

您可能还想查看以下文章以进一步阅读该主题：

• CSS Tip #1: Resetting Your Styles with CSS Reset
• Mayerweb: Reset Reasoning
• Stack Overflow: Is it ok to use a css reset stylesheet?
• Stack Overflow: Best css reset