CSS 2.1 中三种定位方案的分析_html/css_WEB-ITnose

普通流(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