显示：框不显示'；不能在FireFox中使用绝对位置

以下是JSFIDLE：

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

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

。内容显示为方框

.列有-moz-box-flex:1

没有设置。内容的绝对位置一切正常

但是当我这么做的时候，似乎“盒子”的风格已经不起作用了

---

如何修复它？

display:-moz-box

触发一个XUL框（与

display:box

（根本不存在）或

display:flexbox

（做完全不同的事情）不同）。XUL盒不能绝对定位；如果您尝试定位一个，其显示值将强制为

块

，就像带有

显示：内联

的框在定位时将强制为

块

---

“修复”它的方法是不要在web代码中使用XUL框，尤其是当您希望它们的行为类似于CSS FlexBox时。在不久的将来，浏览器将支持CSS flexbox（带有

显示：flexbox

）。

感谢关于XUL框不允许绝对定位的提示。帮我解决了我的问题！