Open moyahuang opened 4 years ago
看了很多篇博客,也并没有特别懂这个概念。 在我看来FC(formatting context)就是一个布局环境,它包含其所有子元素(包括浮动元素),这个布局环境对内部元素有自己的一组规则。 BFC规则中最重要的两条:
注意,并不是块级元素都有BFC,生成BFC需要满足以下任一条件:
IFC(行级格式化上下文)的规则:
参考资料: https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context https://github.com/dwqs/blog/issues/22
对BFC/IFC的理解
看了很多篇博客,也并没有特别懂这个概念。 在我看来FC(formatting context)就是一个布局环境,它包含其所有子元素(包括浮动元素),这个布局环境对内部元素有自己的一组规则。 BFC规则中最重要的两条:
注意,并不是块级元素都有BFC,生成BFC需要满足以下任一条件:
IFC(行级格式化上下文)的规则:
参考资料: https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context https://github.com/dwqs/blog/issues/22