关于CSS的浮动问题全面总结

浮动：

首先明确 浮动的意义在于使盒子能够左右排列

理解：浮动的意思就是这个元素在页面中消失了 跳出了这个文档流

比如说我设置了三个盒子 令第二个浮动了（即红色盒子 200*200） 则第三个盒子（即绿色盒子300*200）向上走了一格

大家还能发现：

1 浮动的盒子因为是在我们上一层 所以一般都会遮挡住不浮动的盒子

2 设置为浮动的盒子如果上一个没有设置为浮动 则会在原地浮动 并且后面的盒子会依次跟上

所以我们可以得出 ：

1 想让盒子在一层中排列 必须都每一个都设置浮动

2 当每个都浮动时 有一种特殊情况不能到一排：则是当父盒子的宽度小于每个子盒子相加的宽度时 比如

浮动的一