CSS BFC

1.BFC概念

BFC(block formatting context)块级格式化上下文是CSS的一个布局概念，是一个独立的区域，是一个环境。
其中，FC为格式化上下文，是页面中的一块渲染区域，有一套渲染规则，决定了妻子元素如何布局，元素之间的关系和互相作用。

2.BFC的作用

BFC是页面独立的一个容器，与外界毫无关系，内部的子元素和容器外的元素互不影响
作用：
1.可以阻止元素被浮动的元素覆盖
2.可以通过包含浮动元素的方式清除浮动
3.解决同一个BFC区域的垂直方向margin塌陷的问题

全部评论

相关推荐

11-23 09:35
北京理工大学 Java
说说字节两年工作体验
一开始字节的氛围还不错，大家都在努力推动 TikTok 的国际化，翻译文档、说英语，甚至还成立了各种小组来解决沟通问题，感觉一切都在朝着好的方向发展。不过，后面就开始变味了。文档永远跟不上，大家觉得写文档浪费时间，结果就是你得自己去找人问，很多时候人家根本不理你。还有就是公司文化，管理层和普通员工之间的距离感太大了，完全不顾员工的工作体验。大家都在拼命追求结果，根本不在乎你是否累得脱发、婚姻危机。每次你需要支持的时候，经理们总是让你自己去找人。同事之间的关系也很微妙，大家为了自保，第一反应就是投诉和甩锅，完全没有合作的氛围。
字节跳动公司氛围 558人发布
点赞 评论 收藏
分享
11-24 12:23
快手_电商_支付技术(实习员工)
分享一下我的日常实习经历
bg中下流211本，26后端选手欢迎大佬们与我多多交流，互相学习~美团 - 火车票供应链组一面（7.3），第一次面大厂，很激动紧张，答出来80%，还是挂了字节 - 火山引擎一面（8.1），都答上来了，反馈说26届不适合业务对接，估计没hc了，但是hr说面评很好小米 - 一面（8.1），面试官评价很好阿里 - 高德地图（8.2），被狠狠拷打了，疯狂问，一直问到不会为止，还是自己太菜了小米 - 二面（8.2）oc快手 - 商业化一面（8.8）快手 - 商业化二面（8.9）oc字节 - Data（8.12），计网操作系统场景题，一道mid，一道hard，mid手撕出来了，对于hard（课程表，方法是...
点赞 评论 收藏
分享
10-30 13:45
南京理工大学 C++
点赞 评论 收藏
分享
11-27 00:32
湖南铁道职业技术学院 后端
后端offer选择
美团 后端开发 总包n(15%是股票)
点赞 评论 收藏
分享
评论
点赞
收藏
分享

全站热榜

正在热议
# 拼多多求职进展汇总 #
233219次浏览 2030人参与
# 在职场上，你最讨厌什么样的同事 #
5704次浏览 81人参与
# 北方华创开奖 #
65985次浏览 549人参与
# 25届秋招总结 #
396225次浏览 3975人参与
# 哪些公司校招卡第一学历 #
32817次浏览 105人参与
# 地方国企笔面经互助 #
6526次浏览 16人参与
# 阿里云管培生offer #
58889次浏览 1748人参与
# ai智能作图 #
21261次浏览 261人参与
# 硬件兄弟们 甩出你的华为奖状 #
77932次浏览 625人参与
# 实习，投递多份简历没人回复怎么办 #
2435567次浏览 34702人参与
# 工作中，你有没有遇到非常爱骂人的领导？ #
4714次浏览 47人参与
# 实习与准备秋招该如何平衡 #
722716次浏览 8551人参与
# 我的实习求职记录 #
6120749次浏览 83951人参与
# 如果再来一次，你还会选择这个工作吗？ #
110323次浏览 1109人参与
# 25届机械人为了秋招做了哪些准备？ #
24981次浏览 355人参与
# 签了三方后想毁约怎么办 #
18555次浏览 111人参与
# 如果你有一天可以担任公司的CEO，你会做哪三件事？ #
9943次浏览 213人参与
# 机械求职避坑tips #
22146次浏览 240人参与
# 游戏求职进展汇总 #
52732次浏览 344人参与
# 夸夸我的求职搭子 #
132009次浏览 1360人参与
# 腾讯求职进展汇总 #
207534次浏览 1694人参与
# 实习想申请秋招offer，能不能argue薪资 #
35773次浏览 308人参与
牛客网
牛客企业服务