firefox - Safari 将浮动 div 发送到新行，chrome 和 IE 都可以

Question

情况：

父 div：300px

孩子 1：50 像素宽度，5 像素边框

孩子 2：232px 宽度，8px 边距

在 chrome 和 IE 中运行良好，但 Safari 和 firefox 将第二个放到新行。这有什么原因吗？如果我将 1 px 移到整体上，比如留出 7 px 的左边距，它们就会就位。此外，萤火虫中的测量值完美匹配，所以我不明白为什么这两个不适合同一行。

Answer 1

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

另外，请注意，如果您有十进制数字，Safari 和 Opera 会在测量方面撒谎。它们向上或向下取整，它们不像 Firefox 或 Chrome 那样精确。