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

清除浮动的最佳方法

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

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

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

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

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

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

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

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

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

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

相关文章

  • 清除浮动的最佳方法

    清除浮动的几种方法,这里不一一列举 个人认为,使用伪类来清除浮动是最好的一种方法 1) display:block...

  • CSS清除浮动的最佳方法

    清除浮动的方法有多种,个人最习惯使用下面的方法 父级div定义 伪类:after 和 zoom 原理:IE8以上和...

  • (17.03.27)清除浮动

    清除浮动的方法: clear:both/left/right;清除浮动;两边/左边/右边

  • 前端面试积累2-清除浮动

    1.清除浮动的方法 方法一:对父级设置适合的CSS高度(不推荐) 方法二:clear:both 清除浮动 (常用)...

  • 完美clearfix

    clearfix 清除浮动分为两种: 清除自身浮动 清除父级浮动 这里不讲空标签的方法,因为空标签还要额外添加新的...

  • web前端入门到实战:css基础-float浮动

    float实现文字环绕图片效果: 清除浮动的方法一: 在浮动元素后面使用一个空元素 清除浮动的方法二: 给容器添加...

  • web前端入门到实战:css基础-float浮动

    float实现文字环绕图片效果: 清除浮动的方法一: 在浮动元素后面使用一个空元素 清除浮动的方法二: 给容器添加...

  • css问题收集 2018-07-19

    一、 父元素高度无法撑开 原因:1.子元素浮动 解决:清除浮动 清除浮动方法: .clearfix:after{c...

  • clearfix——最佳清除浮动

    完整文章地址浮动元素会脱离文档流并向左/向右浮动,直到碰到父元素或者另一个浮动元素!!!浮动会导致父元素高度坍塌:...

  • 关于清除浮动的方法

    刚学习了浮动,这里整理一下清除浮动的方法。 一、伪元素 伪元素清除浮动是伪元素的用途之一,这是清除浮动的一个相对比...

网友评论

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

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