дисплей: окно не работает в FireFox с абсолютной позицией

Question

Вот jsFiddle:

http://jsfiddle.net/8dbQu/1/

Короче, у меня такая структура:

<div class='content'>
    <div class='column'></div>
    <div class='column'></div>
    <div class='column'></div>
</div>

. Контент отображается как поле

.колонки имеют -moz-box-flex: 1;

без установки абсолютного положения .content все работает нормально.

Но когда я это делаю, кажется, что стиль "коробки" больше не работает ...

Как это исправить?

Answer 1

display: -moz-box вызывает XUL-бокс (который НЕ то же самое, что display: box (который просто не существует) или display: flexbox (который делает что-то совершенно другое)).Ящики XUL не могут быть абсолютно позиционированы;если вы попытаетесь позиционировать его, его отображаемое значение будет принудительно установлено на block, точно так же, как поле с display: inline будет вынуждено на block, если будет установлено.не использовать XUL-блоки в веб-коде, особенно если вы ожидаете, что они будут вести себя как флексбоксы CSS.Поддержка CSS flexbox (с display: flexbox) появится в браузерах в ближайшее время.