css - 为什么 flex-grow 在包裹的兄弟姐妹旁边不起作用？

Question

标签： cssflexbox

Answer 1

因为你的弦很长。添加word-break: break-all到.parent > div，你会明白发生了什么。

您需要调整.child1：

flex-grow: 0;
flex-shrink: 0;
flex-basis: 0;

或者可能

flex-grow: 0;
flex-shrink: 0;
flex-basis: 80%;

（我使用这种语法是因为它在 IE 上效果更好）