0

定期的にスタックする必要がある 3 つのブロック要素のリストがあります。スタックの 2 番目の要素はボックス要素です。

display: -moz-box;
-moz-box-orient: horizontal;

問題はこのボックス要素にあります。これは、それ自体の上に奇妙な不要なマージンを追加するためです。次のリンクhttp://jsfiddle.net/frapontillo/ghA5X/で確認できます。

Chrome での正しい動作:

Chrome での正しい動作

Firefox/Aurora での間違った動作:

Firefox での不適切な動作

何が原因でしょうか? Chrome は問題なく動作しますが、Firefox (リリース チャネル) と Aurora にはこの問題があります。

4

1 に答える 1

1

これを引き起こす原因は、少なくとも部分的には、まったく異なること-moz-boxを意味し、まったく異なる動作をします。-webkit-box前者は XUL ボックスであり、動作は 10 年以上前にさかのぼります。後者は、数年前の初期の CSS flexbox ドラフトの実装です。

どちらも現在のフレックスボックスのドラフトと一致しないため、回避できる場合はこれらをまったく使用しないことをお勧めします。

于 2012-09-21T16:15:01.647 に答える