google-chrome - 为什么我在 Firefox 中的 DIV 比 Chrome 高？

Question

我在表格中有一个 DIV。这段代码是由 GWT 生成的，所以我对使用的元素没有太多控制权（也就是说我知道表格通常不是布局的最佳元素，但这不是我有直接的东西掌控）。

在 Firefox 中，高度为 100% 的 DIV 会溢出到桌子下方，而在 Chrome 中，DIV 的大小与我预期的一样。到底是怎么回事？

Answer 1

所以这个让我拉了一会儿头发，但事实证明 Firefox 中的 DIV 默认为box-sizing: content-box设置，而在 Chrome 中它们默认为box-sizing: border-box设置。因为我在 DIV 中使用了填充，这导致 Firefox 显示高度为 100% 的 DIV加上填充。

解决方案是-moz-box-sizing: border-box在 CSS 中为 div 指定。