美文网首页
清除浮动

清除浮动

作者: 琪琪fjq | 来源:发表于2019-03-26 16:47 被阅读0次

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

    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样式

    相关文章

      网友评论

          本文标题:清除浮动

          本文链接:https://www.haomeiwen.com/subject/jpcnvqtx.html