美文网首页Web 前端开发 CSS
清除浮动的最佳方法

清除浮动的最佳方法

作者: sky丶星如雨 | 来源:发表于2017-05-31 18:50 被阅读0次

    清除浮动的几种方法,这里不一一列举

    个人认为,使用伪类来清除浮动是最好的一种方法

    1) display:block 使生成的元素以块级元素显示,占满剩余空间;

    2) height:0 避免生成内容破坏原有布局的高度。

    3) visibility:hidden 使生成的内容不可见,并允许可能被生成内容盖住的内容可以进行点击和交互;

    4) zoom:1 ,为了兼容IE浏览器

    当然,这只是个人见解,如大家有不同意见,或有更好的方法,请下方留言,大家一同学习,共同进步

    —————————————————————————————————————————————————

    又学习到一种清除浮动的方法,其实,叫清除浮动,并不准确,清除浮动的目的,是为了解决父盒子高度为0的问题,最准确的叫法,应该是闭合浮动,顾名思义,应将浮动的元素闭合在为元素中,所以,下面的方法才是最好的方法:

    相关文章

      网友评论

        本文标题:清除浮动的最佳方法

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