Home  >  Article  >  Web Front-end  >  CSS 2.1 中三种定位方案的分析_html/css_WEB-ITnose

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

WBOY
WBOYOriginal
2016-06-24 11:53:22967browse

普通流(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 
Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn