您的位置：首页技术文章
文章详情页

css - .clearfix:after中为什么设置display: table

浏览：197日期：2023-07-18 15:23:05

问题描述

相较于display: block;有什么优点吗？

css - .clearfix:after中为什么设置display: table

问题解答

回答1：

实际上设置display：table实际是利用了使父容器形成BFC而display：block是不会清除浮动的，它是利用了clear：both来清除浮动的建议看看这篇文章，如果有兴趣还可以专门研究一下BFCCSS清除浮动（Clear与BFC）

回答2：

display:block会导致换行呀

回答3：

display:table 会清楚前后的浮动元素 block则不会

回答4：

防止margin合并

标签： CSS
上一条：css3 - 自己写的CSS与使用的框架冲突如何解决呢？下一条：前端 - 这个外圈渐变效果能否用纯css实现？
相关文章：
1. angular.js - angularjs的自定义过滤器如何给文字加颜色？2. nignx - docker内nginx 80端口被占用3. android-studio - Android studio导入老版本的2048项目报错4. 为什么return不了数据给ajax5. java - mybatis里的REGEXP6. PhpStorm 输入php按tab后生成的起始结束标签<php><php> 如何修改?7. PHP 怎么api获取json数据8. PHP类属性声明？9. php mail无法发送邮件10. 做一个抽奖系统
排行榜
nignx - docker内nginx 80端口被占用
nignx - docker内nginx 80端口被占用
1. angular.js - angularjs的自定义过滤器如何给文字加颜色？
2. android-studio - Android studio导入老版本的2048项目报错
3. angular.js - angularjs中 选中checkbox其上一级加入一个classname，取消选中去掉classname
4. javascript - 为什么图片预加载后里面的Img.onload = funcion(){}里面的东西最后才行？？
5. angular.js - 求教 route ng-view 单页切换时如何缓存用户输入信息
6. java判断字符串不包含中文（只包含英文字母、标点符号和数字）的正则表达式怎么写？
7. PhpStorm 输入php按tab后生成的起始结束标签<php><php> 如何修改?
8. docker安装后出现Cannot connect to the Docker daemon.
9. 请问下在VueJS中v-for 怎么拿到循环次数的变量呢？
10. PHP类属性声明？
热门标签