Safari将浮动div发送到新行，chrome和IE都没问题

Question

情况：

父级div：300px

儿童1：50px宽度，5 px边框

儿童2：232px宽度，8px左边距

在chrome和IE中运行良好，但Safari和firefox将第二个删除到新行。有什么理由吗？如果我将1 px移除到整体，就像有7px的左边距，它们适合放置。此外，测量结果在萤火虫中完全匹配，所以我不明白为什么两者不适合在同一条线上。

Answer 1

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

另外，作为一个注释，如果您有十进制数字，Safari和Opera对测量有点撒谎。它们向上或向下舍入，它们不像Firefox或Chrome那么精确。