css布局方式

css布局方式
1.默认html的顺序（文档流）
2.浮动方式

想让谁浮动就在谁的后面加float
要点：谁浮了就相当于消失了，消失之后，原来的地方就空着，所以后面的就会补上

3.定位布局： 就是可以通过元素的position属性控制元素的位置

绝对定位position-absolute
要想使用绝对定位必须有两个条件
1.必须给父元素加定位属性，一般建议使用 position:relative（相对定位）；
2.给子元素，加绝对定位 position:absolute(绝对定位)
同时要加方向属性

清除浮动的代码：clear:both

清除浮动的方法：
1.额外标签法：增加一个空标签<div class="clear"> </div>
缺点:会增加代码
2.给父元素增加overflow:hidden

网上流行的清除浮动代码：.clearFix:aftear{clear:both; display:block; visibility:hidden; height:0; line-height:0 content:"."}