子容器大小与排列方式问题
.box div{}里面定义了所有div的大小，题目中是一个div容器里面包含了三个div容器，但是由定义父容器大小与子容器大小一样，是不是意味着父容器被被撑爆了。还有一个问题，就是我在任意一个子容器关联里面再加n（假设是3）个子容器，然后用class="box"关联，按理说，box定义的时候display:flex，那么接下来的子元素（2代子元素）应该也是行排列才对，可是为什么我做完后就是列排列？求大佬解惑，拜托了
慕后端6481376
2021-06-15
1 回答
定义父容器大小与子容器大小一样，是不是意味着父容器被被撑爆了?
答：不会被撑爆，可以利用给父元素添加 border: 1px solid red; 去观察父元素是否变形，我亲测后没有变形，因此得出不会撑爆父元素的结论。
按理说，box定义的时候display:flex，那么接下来的子元素（2代子元素）应该也是行排列才对，可是为什么我做完后就是列排列？
答：flex布局应该只对设置 flex：？的元素有效，由于子孙元素没有设置，flex: ? 所以会安装块级元素的特性纵向排列，要想子孙元素实现横向排列，可以在祖先元素及最外层包裹器的子元素再次设置 display: flex;
具体可以参考以下代码：(您提出的问题很有代表性，是我从没有想过的，佩服你的思考量，加油)
举报
0/150
提交
取消
