display: flex; flex-wrap: wrap; 父盒子没有撑开
时间: 2023-11-16 14:01:14 浏览: 148
Float(浮动)导致的父容器背景不显示的解决方法
当父盒子没有撑开时,可能是因为子元素的宽度过大,导致无法在一行内排列,可以通过设置子元素的flex-basis属性或者max-width属性来解决。另外,也可以通过设置父盒子的overflow属性为auto或者hidden来实现自动换行。
代码示例:
```css
.parent {
display: flex;
flex-wrap: wrap;
overflow: hidden; /* 或者设置为auto */
}
.child {
flex: 0 0 33.33%; /* 或者设置max-width: 33.33% */
}
```
阅读全文