麻烦老师解答，谢谢
来源：5-1 课程总结
dww1
2021-09-03 23:58:20
<style>
.b1{
width: 200px;
height: 200px;
background-color: red;
float: left;
}
.b2{
width: 200px;
height: 200px;
background-color: blue;
/* float: left; */
}
.b3{
width: 200px;
height: 200px;
background-color: orange;
float: left;
}
</style>
</head>
<body>
<div class="b1"></div>
<div class="b2"></div>
<div class="b3"></div>
</body>
1)第一个盒子不浮动，其他盒子浮动，2号盒子会去贴靠1号盒子，3号盒子贴靠2号盒子，就不会覆盖掉1号盒子
2)如果2号盒子不浮动，1 3 盒子浮动，就会形成1号盒子覆盖住2号盒子，3号盒子去贴靠2号盒子，不会去贴靠1号盒子
3)如果3号盒子不浮动，1 2盒子浮动，1号盒子会覆盖住3号盒子，2号盒子会去贴靠1号盒子
是否理解正确，不管盒子是否进行浮动 ，盒子间的顺序还是顺序去进行贴靠的
1回答
-
好帮手慕久久
2021-09-04
同学你好，理解的是对的。
第一种情形，1号盒子不浮动，2、3浮动；由于1号盒子会占满整个宽度方向，所以2、3只能在1下面排列（1所在行，没有空闲位置，所以2、3只能在下面显示）：
由于2、3浮动，所以2、3在一行显示，并且会按着顺序排布，即2后面是3。
第二种情形，1浮动，会不占用位置，因此2就上去了。而浮动的元素会盖在非浮动元素上面，所以1会盖着2；由于2不浮动，会占满整行，因此3会挨着2，在2下面排布：
第三种情形，1、2浮动后，会覆盖在3上，1、2都是浮动的，因此1、2要按着顺序排布，2贴着1。
祝学习愉快！
0
相似问题