布局的方法：
float（浮动布局）
position（定位布局）
弹性布局（css3）
float 先浮后动（水槽原理）
1，所用的元素都可以浮动。
2，具有float属性的元素在父标签里面不占空间。
3，float能解决标签之间有间隙的问题。
清除浮动有：
1，在浮动后面加一个空的div使用clear：both；进行清除掉浮动对它们的影响。***（用空div清除浮动在ie6有bug）***
2，元素都浮动时，就直接给父级加一个overflow：hidden；清除浮动产生的影响。
***（注意：有一些元素没有浮动时就要用空div清除浮动）
原文：http://www.cnblogs.com/fw02111108/p/5670356.html