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