通过CSS在DIV中WIDTH和HEIGHT百分比的问题(firefox不起作用)

时间:2012-04-22 12:55:14

标签: firefox css3 height width centering

关于这个问题,我的大脑已经溢出,所以让我分享一下我的挫折感,以便寻找具有相同经验的人,幸运的是,找到解决方案。

事情如下:

http://jsfiddle.net/w4d2E/

在chrome中,百分比工作正常,但在Firefox(最新版本)中尝试相同时,内容div不再是水平和垂直扩展。

我在这里分析了每个类似的问题,但我找不到任何有效的答案。

提前致谢

P.S。:我试图在“内容”图层中使用块显示而不是“盒子”,但仍然具有相同的行为。

2 个答案:

答案 0 :(得分:1)

您正在使用XUL框布局。我建议不这样做。正如您所想的那样,-moz-box不是CSS flexbox布局。

答案 1 :(得分:0)

这里的问题是身体的display: -moz-box。如果你删除它一切正常。这似乎是一个错误,所以我建议在bug tracker中提交一份报告。