浮动

一.未设置浮动时：div（块级元素）仍然是标准流

二.浮动（float）：浮动可以使得div（块级元素）成为脱离标准流

1.div1右左浮动

（1）div1右浮动：

（2）div1左浮动：

2.div2左右浮动：（div1未设置成浮动）

（1）div2右浮动：

（2）div2左浮动：

3.问题：为什么有的时候，div能向上浮动？ 而有的时候，div又不能向上浮动？

（1）div能向上浮动的情况：

（2）div不能能向上浮动的情况：注意这个限制

4.两点总结分析：覆盖重叠效果；不能向上的限制；（这两点是核心重点）

（1）出现了覆盖重叠的效果：

（2）不能向上的限制：

5.能上移和不能上移的四种情况：4节中限制的又一次分析总结；

● 未设置浮动，能上移：

● 未设置浮动，不能上移：

● 设置浮动，能上移：

6.浮动占满一行的情况：例子，总结，体验感受

（1）简单情况下的占满一行：除第一个黄色的div外，其他全部设成右浮动；

（2）复杂情况下的占满一行：除第一个黄色的div，第五个浅蓝色div外，其他全部设成右浮动； ！