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

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

浏览：362日期：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. PHP中的$this代表当前的类还是方法？2. java - 如何分割形如(operator arg1 arg2 ... argn)的字符串？3. python - celery beat 调度如何运行期间动态添加任务？4. javascript - 微信公号里采用七牛上传视频部分手机不能选择文件5. docker gitlab 如何git clone？6. javascript - yo创建angular报错7. 把h5放入webview里面，h5页面上下可以回弹，怎么可以去掉该效果8. css - 关于Flex布局的问题9. css3 - 新版支付宝 账单页面滑动时月份栏被下一个月给顶上去是什么效果10. javascript - nodejs报错 打开localhost:3000 就报错
排行榜
css - 关于Flex布局的问题
css - 关于Flex布局的问题
1. javascript - 微信公号里采用七牛上传视频部分手机不能选择文件
2. 为什么我ping不通我的docker容器呢？？？
3. css3 - 新版支付宝 账单页面滑动时月份栏被下一个月给顶上去是什么效果
4. python - celery beat 调度如何运行期间动态添加任务？
5. docker gitlab 如何git clone？
6. 把h5放入webview里面，h5页面上下可以回弹，怎么可以去掉该效果
7. javascript - yo创建angular报错
8. javascript - nodejs报错 打开localhost:3000 就报错
9. java - 如何分割形如(operator arg1 arg2 ... argn)的字符串？
10. PHP中的$this代表当前的类还是方法？
热门标签