3.BFC是什么？Margin 塌陷问题如何解决？怎么触发呢？

BFC的定义

BFC是一个独立的渲染区域，内部的布局规则不会影响外部元素，外部元素也不会影响BFC内部的布局。

margin塌陷问题

两个相邻div的上下边距（margin）会发生重叠，重叠后的边距值为两者中的较大值。例如，上方div的margin-bottom为100px，下方div的margin-top为100px，实际间隔为100px而非200px。

解决margin塌陷的方法

通过触发BFC（块级格式化上下文）可以避免外边距合并。以下为BFC的触发方式：

• 设置float属性为left或right。
• 设置position属性为absolute或fixed。
• 设置display属性为inline-block。
• 设置overflow属性为hidden、auto或scroll。