常规流盒子遇见浮动盒子

这记录一个当常规流盒子遇到浮动盒子的一个问题:

浮动盒子会避开常规流盒子排列。

常规盒子会忽略浮动盒子排列。

(他们都是更加上一个盒子属性来判断的。)

这就牵扯出另一个问题了,高度坍塌。
高度坍塌其实就是常规流盒子在计算高度时会无视浮动盒子,所以高度坍塌了。

解决高度坍塌可以用:clear:both; 清除掉浮动。

高度坍塌的原因其实就是元素没有实际高度才会坍塌。

posted @ 2019-09-16 00:21  蛋蛋超人z  阅读(212)  评论(0编辑  收藏  举报