【css】flex布局父元素宽度或高度无法被子元素撑开-bug记录

简言

flex布局父元素宽度或高度无法被子元素撑开问题。
解决方案：
手动计算子元素内容所占宽高，手动赋值给父元素即可。

flex布局宽高度问题

flex布局现在是特别常见得布局方式。
在此记录一个注意点：flex布局在不换行得情况下，会自动增加父元素宽度或高度（取决于flex子元素布局方向，即主轴方向），同时另一个宽度或高度不会自动增加（flex的交叉轴方向）！！！。

宽度和高度无法一起增加。

如果你想让交叉轴的高度或者宽度也随着子元素的内容增加，flex布局是做不到的，你需要计算子元素的宽度或高度，然后赋值给父元素。

结语

结束了。