关于三列布局浮动
视频中，我把 中间的middle部分设置为float:right,显示的顺序是“左边|右边|中间”，
我把 中间的middle部分设置为float:left,显示的顺序是“左边|中间|右边”
这是为何？
3 回答
原理：
1、 浮动可以理解为让某个div元素脱离标准流，漂浮在标准流之上，和标准流不是一个层次。
2、假如某个div元素A是浮动的，如果A元素上一个元素也是浮动的，那么A元素会跟随在上一个元素的后边。
3、div的顺序是HTML代码中div的顺序决定的。
4、靠近页面边缘的一端是前，远离页面边缘的一端是后。
分析：
1、由于是右浮动，因此右边靠近页面边缘，所以右边是前，先从right开始分析，它发现上边的元素middle是浮动的，所以right会跟随在middle之后 ，因此middle最右边。
2、由于是左浮动，因此左边靠近页面边缘，所以左边是前，先从middle开始分析，它发现上边的元素left是浮动的，所以middle会跟随在left之后 ，因此left在最左边。
觉得好 请点赞，觉得有缺点 请指出，谢谢
举报
0/150
提交
取消
