ChromeとFirefoxで異なるCSSが動作する

セル内にいくつかのdivがあるテーブルがあります。このdivはセルの100％の高さに拡大されるはずですが、Chromeではそうですが、Firefoxではそうではありません。ChromeとFirefoxで異なるCSSが動作する

テーブルセルのためのCSSは次のとおりです：

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

そして、それらの内側のdivのために：

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

べきではない、この私は違いの画像を添付しますコードは異なるブラウザで同じように動作しますか？

ありがとうございました。

2017-11-29 Fel

*「異なるブラウザで同じ、このコードは動作しませ万一作業フィドル –

を追加しますか？ "* - ブラウザがそれも望んでいない場合はありません。 –

これに該当する理由はたくさんあります。そのうちの1つがブラウザのデフォルトCSSを開始します。実際の例がなければ、私たちは決して見つけられないだろう。 – Jordumus

「tr」タグに 'height'プロパティを追加しました。ChromeとFirefoxの両方でうまく動作します。divは100％高さです。だから、私はCSSにこれを追加しました：

tr { 
    height: 100%; 
}

おそらく、Firefoxはクロムよりも、このとより厳しいです...

2017-11-29 12:56:08 Fel

答えて