CSS在Chrome和Firefox上的工作方式不同

Question

我有一張桌子，里面有一些div。 這個div應該擴展到單元格高度的100％，並且它們在Chrome中可以，但在Firefox中不能。 我附上一張區別圖片：

表格單元格的CSS為：

td {
  height: 100% !important;
  vertical-align: top !important;
}

對於其中的div：

.div-box {
  height: 100% !important;
  display: inline-block !important;
}

此代碼在不同的瀏覽器上不應該一樣工作嗎？

謝謝。

Answer 1

只是為了進行嘗試，我在'tr'標簽中添加了'height'屬性，它在Chrome和Firefox中都可以正常工作，div占據了單元格高度的100％。 因此，我將其添加到CSS：

tr {
  height: 100%;
}

也許Firefox在這方面比Chrome更嚴格...