简言
flex布局父元素宽度或高度无法被子元素撑开问题。
解决方案:
手动计算子元素内容所占宽高,手动赋值给父元素即可。
flex布局宽高度问题
flex布局现在是特别常见得布局方式。
在此记录一个注意点:flex布局在不换行得情况下,会自动增加父元素宽度或高度(取决于flex子元素布局方向,即主轴方向),同时另一个宽度或高度不会自动增加(flex的交叉轴方向)!!!。
![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/8e21fc18953d4490b81ef0cb415c7bc6.png)
宽度和高度无法一起增加。
如果你想让交叉轴的高度或者宽度也随着子元素的内容增加,flex布局是做不到的,你需要计算子元素的宽度或高度,然后赋值给父元素。
结语
结束了。