常规流盒子遇见浮动盒子

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

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

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

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

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

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

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