Firefox中宽度和边距的不同行为

Question

我在960px容器中有两个浮动元素

我已经测试了不同大小的这些元素，Chrome中的所有元素都可以，但 Firefox 元素在某些情况下不能保持在一起。

通过：

（宽度： 479.04px * 2）+保证金左： 0.48px +保证金权利： 0.48px = 960px

（宽度： 477.12px * 2）+保证金左： 1.44px +保证金权利： 1.44px = 960像素

http://lukepeters.me/csspad/X5EKgU595 （参见Firefox）

失败：

（宽度： 478.08px * 2）+保证金左： 0.96px +保证金权利： 0.96px = 960像素

（宽度： 473.28px * 2）+保证金左： 3.36px +保证金权利： 3.36px = 960像素

（宽度： 468.48px * 2）+保证金左： 5.76px +保证金权利： 5.76px = 960像素

http://lukepeters.me/csspad/eWPNEF594 （参见Firefox）

有什么建议吗？

Answer 1

浏览器通常会向元素添加默认边距或填充。为安全起见，请始终在CSS文件的顶部使用重置CSS：

*{
  margin: 0;
  padding: 0;
}