清除浮动

浮动在页面布局的时候经常会使用，以下是我对清除浮动的方法的总结：

html布局：

html

css样式：

    1、给父级加display ：inline-block;

    2、在浮动元素下加<div class = "clear"></div>

        .clear {height:0;font-size:0;clear:both;}

    

修改后的html css样式

 3、给浮动元素的父级加overflow:hidden/auto;zoom:1;

css样式

    最优方案：

    4、给浮动元素的父级加｛zoom：1｝

         父级::after｛content：" "; display:block; clear:both;}

css样式