firefox - css3 flexbox 絶対 div の水平方向の位置合わせ

Question

私は絶対配置されたdivを持っていますdisplay: box

Chrome では問題なく動作し、div の子は水平方向に整列しますが、Firefox では動作しないようです。

を削除するposition: absoluteと、両方のブラウザーで正常に動作しますが、必要です。

例: http://dabblet.com/gist/1716069

Answer 1

display: box使用している実験的な表示タイプはまったく異なるものを意味し、これが存在せず、決して存在しないという単純な理由で、それらのいずれも一致しません（CSS仕様はdisplay: flexbox、接頭辞付きのすべての「ボックス」とはまったく異なる動作でを使用します） 「ディスプレイ。これらはすべて、互いに非常に異なる動作をします）。

それらは異なる意味を持っているので、ブラウザは、絶対位置にある要素の表示値が変更されているblockか、table多少異なるというCSSのセクションを処理します。Geckoはに変わり-moz-boxますblock。WebKitは他のものに変更-webkit-boxされません。

それほど遠くない将来に消える実験的なディスプレイタイプは使用しないことをお勧めします。それらを使用する必要がある場合は、「ボックス」の周りにブロックをラップして、そのブロックを配置することをお勧めします。