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

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

浏览：134日期：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. java - mongodb分片集群下，count和聚合统计问题2. javascript - vue 移动端的input 数字输入优化3. java - 自己制作一个视频播放器，遇到问题，用的是内置surfaceview类，具体看代码！4. javascript - 有什么兼容性比较好的办法来判断浏览器窗口的类型？5. 服务器端 - 采用nginx做web服务器，C++开发应用程序 出现拒绝连接请求？6. 为什么我ping不通我的docker容器呢？？？7. python - pandas按照列A和列B分组，将列C求平均数，怎样才能生成一个列A,B,C的dataframe8. 关于docker下的nginx压力测试9. javascript - npm start 运行’webpack-dev-server’报错 Cannot find module ’webpack’10. java 随机延迟执行
排行榜
javascript - vue 移动端的input 数字输入优化
javascript - vue 移动端的input 数字输入优化
1. 服务器端 - 采用nginx做web服务器，C++开发应用程序 出现拒绝连接请求？
2. java - 自己制作一个视频播放器，遇到问题，用的是内置surfaceview类，具体看代码！
3. javascript - 有什么兼容性比较好的办法来判断浏览器窗口的类型？
4. java - mongodb分片集群下，count和聚合统计问题
5. python - pandas按照列A和列B分组，将列C求平均数，怎样才能生成一个列A,B,C的dataframe
6. 关于docker下的nginx压力测试
7. 为什么我ping不通我的docker容器呢？？？
8. javascript - nidejs环境设置操作一直出现这种问题怎么解决？
9. java 随机延迟执行
10. javascript - npm start 运行’webpack-dev-server’报错 Cannot find module ’webpack’
热门标签