浮动

浮动
在逆战班得地学习开发中我们经常会用到的一个属性“浮动”，首先我们先来了解一下浮动的作用：让上下排列的元素可以并排显示。
我们写出两个块元素，当不作处理的时候是上下排列的，如图1所示。

             图1

那如果我想让这两个块元素并排显示，我么就要添加浮动这个属性float，这个属性有三个属性值：left/right/none 左浮动/右浮动/不浮动。当我们给两个元素添加左浮动时，效果如图二所示。

                          图2

但是我们在应用这个属性的时候需要注意一个问题：
1、当给元素添加浮动属性以后，这个元素就相当于飘在你当前页面的上边，这时候原本所占的位置就不在拥有了，后边的元素内容会把位置补上去，如果有N个元素需要并排显示就一定要给这N个元素都添加浮动效果。比如上边的例子，我们现在只给蓝色的块元素添加左浮动属性，效果如图3所示。

                      图3

这时候我们看到黄色块元素有一部分被蓝色块元素挡住了，因为蓝色块元素已经添加了浮动效果，飘在了原本的页面之上而且不占有原来的位置了，黄色块元素自然就补上去了，这就是关于浮动的使用和特性。