为什么我的DIV在Firefox中比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。

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