打卡笔记

课程名称：前端校招面试攻略，无惧层层考核，实现Offer零距离

课程章节：第2章 css面试题

主讲老师：freemen

课程内容：

今天学习的内容包括：

BFC

课程收获：

1.什么是 BFC?

BFC 是 Block Formatting Context，块格式化上下文的缩写，简单的说 BFC 是一个完全独立的空间, 这个空间里子元素的渲染不会影响到外面的布局。

2. 如何创建 BFC?(可以触发生成 BFC 的条件有哪些？)我们只需记住如下常见的几种就可以:

display: table-celldisplay: flexdisplay: inline-blockoverflow: hiddenposition: absoluteposition: fixed

3. BFC 解决的什么问题？

1.垂直方向margin重叠的问题。 2.使用Float脱离文档流，父元素高度塌陷问题