子元素不按父元素的displayflex

如果子元素不按照父元素的display:flex排列，可能是由于以下原因：

1. 子元素的display属性被设置为了其他值，比如inline-block、block等，这些值会覆盖掉父元素的display:flex属性。

2. 子元素的flex属性设置不正确，比如flex-grow、flex-shrink、flex-basis等值没有正确设置，导致子元素不按照父元素的flex规则排列。

3. 子元素的order属性被设置了不同的值，导致子元素的排列顺序与父元素的flex排列顺序不一致。

4. 父元素的宽度不足以容纳所有子元素，导致子元素换行或者排列不规则。

解决方法：

1. 确保子元素的display属性设置为flex，以便按照父元素的display:flex排列。

2. 确保子元素的flex属性设置正确，以便按照父元素的flex规则排列。

3. 确保子元素的order属性与父元素的flex排列顺序一致。

4. 确保父元素的宽度足够容纳所有子元素，以便按照父元素的flex排列规则排列。