CSS面试题汇总

CSS 面试题汇总

1. 介绍下 BFC 及其应用

参考答案：

参考答案：

所谓 BFC，指的是一个独立的布局环境，BFC 内部的元素布局与外部互不影响。

触发 BFC 的方式有很多，常见的有：

• 设置浮动
• overflow 设置为 auto、scroll、hidden
• positon 设置为 absolute、fixed

常见的 BFC 应用有：

• 解决浮动元素令父元素高度坍塌的问题
• 解决非浮动元素被浮动元素覆盖问题
• 解决外边距垂直方向重合的问题

2. 介绍下 BFC、IFC、GFC 和 FFC

参考答案：

• BFC：块级格式上下文，指的是一个独立的布局环境，BFC 内部的元素布局与外部互不影响。
• IFC：行内格式化上下文，将一块区域以行内元素的形式来格式化。
• GFC：网格布局格式化上下文，将一块区域以 grid 网格的形式来格式化
• FFC：弹性格式化上下文，将一块区域以弹性盒的形式来格式化

<