欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-06-03 18:38:33
...
普通流(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