css清除浮动的几种方式

1.父级Div定义height

　　　　原理：父级Div定义height，解决了父级无法自动获取高度的问题。

　　　　优点：代码少，简单，容易掌握。

　　　　缺点：只适合固定宽高，需要精确的高度，不然容易出现问题；

2.给父级Div定义overflow:hidden

　　　原理：必须有宽度，同时不能定义高度，在使用overfl:hidden的时候，浏览器会自动检查浮动区域的高度。

　　　　有点：简单，代码少，兼容性好

3.给结尾处加空的Div标签 定义clear：both

　　　原理：加入一个空的div，利用css调高的clear：both清除浮动，能让父级Div获得高度

　　　　优点：简单，代码少，浏览器支持好

　　　　缺点：初学者不易理解，如果浮动布局多，要增加很多空div

4.让父级一起浮动

　　　没有优点，缺点：带来新的浮动问题，建议不用，只能给父级div带来高度；