display：box在位置绝对的FireFox中不起作用

Question

这是jsFiddle：

  

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

简而言之，我有这样的结构：

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

.content显示为方框

.columns有-moz-box-flex：1;

没有设置.content的位置绝对一切正常。

但是当我这样做时，似乎“盒子”风格不再起作用了......

如何解决？

Answer 1

display: -moz-box会触发一个XUL框（这与display: box（根本不存在）或display: flexbox（完全不同的东西）不同。） XUL盒子不能绝对定位;如果您尝试定位一个，其显示值将被强制为block，就像display: inline的方框一样，如果定位，则会被强制为block。

“修复”它的方法是不在Web代码中使用XUL框，尤其是如果您希望它们的行为类似于CSS flexbox。在不久的将来，浏览器将支持CSS flexbox（带display: flexbox）。