当前位置:  首页  >  前端开发  >  CSS+DIV

css如何使用伪元素清除浮动

本文为大家介绍了css使用伪元素清除浮动的方法,具有一定的参考价值,希望可以帮助到大家。BFC是一个独立的渲染区域,它可以让处于BFC内部的元素与外部的元素相互隔离。

•position的值不为relative和static 即 position: absolute/fixed

显然我们在设置overflow值为hidden时使container元素具有BFC,那么子元素child浮动便不会带来父元素的高度坍塌影响。

利用伪类元素清除浮动:

.clearFix::after,.clearFix::before {
       display: block;
      content: '';
      clear: both;
      visibility: hidden;
      height: 0;
}
.clearFix { zoom: 1;}

相关视频教程推荐:css视频教程

以上就是css如何使用伪元素清除浮动的详细内容,更多请关注 第一PHP社区 其它相关文章!

吐了个 "CAO" !
扫码关注 PHP1 官方微信号
PHP1.CN | 中国最专业的PHP中文社区 | json解析格式化 | PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved PHP1.CN 第一PHP社区 版权所有