css查漏补缺之一-格式上下文
格式上下文
页面上的所有东西都处在一个格式上下文中,这个格式上下文可以理解为一个固有结界,它依据规则规定如何摆放内容。
Block Formatting Context
根据Block Layout rules
来摆放它的子元素。
Flex Formatting Context
把它的子元素按照flex items
摆放。
html
元素定义了最初的BFC
,意味着html
中的元素都依据Normal Flow
的规则摆放。这个规则由css盒模型
勾勒,定义了元素的margin
,border
, padding
是如何和相邻的block元素交互的。