普通流(NormalFlow起浮 Float肯定定位 AbsolutPosit一、啥是块格式化上下文有了上面的知识后,就能够介绍Blockformatcontext块格式化上下文) 创立了BlockFormatContext元素中,其子元素会一个接一个地放置。笔直方向上他起点是一个包含块的顶部,两个相邻的元素之间的笔直距离取决于 'margin'特性。BlockFormatContext中相邻的块级元素的笔直边距会折叠(collaps throotelementorsomeththatcontainitfloatelementwherefloatisnotnoneabsolutpositelementelementwherepositisabsolutorfixinline-blockelementwithdisplay:inline-blocktablcellelementwithdisplay:table-cell,whichisthedefaultforHTMLtablcelltablcaptionelementwithdisplay:table-caption,whichisthedefaultforHTMLtablcaptionelwhereoverflowhaavaluotherthanvisiblflexboxelementwithdisplay:flexorinline-flex
2"overflow"值不是"visible" 4"table-caption",或"inline-block" 三、BFC用处1BlockFormatContext能够阻止边距折叠(margincollaps