search

chdyiboke / weekly

issue and share weekly
5 stars 1 forks source link

小科普：到底什么是 BFC、IFC、GFC 和 FFC #32

Open chdyiboke opened 3 years ago

chdyiboke commented 3 years ago

没有KFC ！！！！

chdyiboke commented 3 years ago

CSS2.1中只有BFC和IFC, CSS3中才有GFC和FFC。

BFC(Block Formatting Contexts)直译为"块级格式化上下文"。 IFC(Inline )直译为"内联格式化上下文" GFC(GridLayout )直译为"网格布局格式化上下文" FFC(Flex )直译为"自适应格式化上下文"

chdyiboke commented 3 years ago

FFC ：display值为flex或者inline-flex的元素将会应用弹性框布局。

chdyiboke commented 3 years ago

BFC的特性中的一条：overflow

chdyiboke commented 3 years ago

GFC "网格布局格式化上下文"，当为一个元素设置display值为grid、 https://blog.csdn.net/u012657197/article/details/79083258?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase