清除浮动

2019-03-26  本文已影响0人  琪琪fjq

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

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样式
上一篇下一篇

猜你喜欢

热点阅读