Safari浏览器发送浮动div来新线，Chrome和IE都很好

Question

的情况：

父格：300像素

儿童1：50像素宽，5像素边框

儿童2：232px宽度，剩余8px余量

在Chrome和IE中工作正常，但Safari和Firefox将第二个新的路线。有什么理由呢？如果我将整个像素移除1像素，例如留下7像素左边距，则它们适合放置。此外，测量结果与萤火虫完美匹配，所以我不明白为什么这两个不适合同一条线。

Answer 1

尝试从父div和子项中移除所有其他填充或边距。这些是由默认浏览器样式引起的。 （或者使用CSS Reset为所有元素执行此操作）

另外，作为说明，如果您有十进制数字，则Safari和Opera有点关于测量值。它们向上或向下舍入，它们不像Firefox或Chrome那样精确。