Css Flex中的Flex在Firefox 38中工作

我试着在firefox中使用flex，它不管用，在Chrome中，它就像一个魔咒！ 以下是Firefox中的结果：

下面是它在Chrome/Opera中的外观（应该是）：

有什么问题

以下是在Firefox上工作的CSS：

.jawcontain {display: flex;flex-direction: column;justify-content: space-between;border: white solid 7px;border-radius: 23px;}

.jaw {background-color: rgb(24, 24, 24);border-radius: 5%;display: flex;flex-direction: row;padding-top: 2%;padding-bottom: 5%;border: 10px solid rgb(0, 151, 255);justify-content: space-around;}

.hala {border: white solid 2px;padding-left: 10%;border-radius: 5%;margin-right: 2% display: flex;flex-basis: 40%;flex-direction: column;background: black;justify-content: space-around;}

---

问题是

.jaw

是弹性项，您使用

.jaw{
垫面：2%；
垫底：5%；
}

在CSS 2.1中，中的百分比指定为

该百分比是根据管道的宽度计算的 生成的框，即使是“和”

但是,

始终解决上的百分比边距和填充 根据各自的尺寸；与块不同，它们并不总是 根据其包含块的内联标注进行解析

因此，Firefox试图解析这些与flex容器高度相关的百分比。但是这个高度是自动的，也就是说，它取决于内容的高度，包括垂直填充。这是一个循环定义，因此填充计算为

0

但Chrome并不同意，它解决了flex容器宽度的百分比问题。规范警告：

注意：此行为是，并且可能会在 本规范的未来版本，以匹配块的行为

因为您似乎没有使用flex，所以可以删除

.jawcontain{
显示器：flex；
}

---

然后，

.jaw

将不再是弹性项目，填充物将根据包含块的宽度进行解决。

请在此处添加有意义的代码和问题描述。不要只链接到需要修复的站点——否则，一旦问题解决，这个问题将对未来的访问者失去任何价值。发布一个能证明你的问题的帖子会帮助你得到更好的答案。有关更多信息，请参阅“谢谢！”！谢谢，我已经添加了CSS，使problem@Abdelouahab这还不够。我们需要最短的代码来重现这个问题。@Oriol很抱歉，因为代码是从serveur端生成的，下面是可能与wow重复的结果！我不知道firefox这么讨厌这个百分比！再次感谢你！我将使用

px

而不是

%

重新制作整个网站再次感谢您！