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 *{margin:0;}body{width:100px;}#one,#two{width:100px;height:100px;margin:10px;}#one{background:red;}#two{background:blue;}style> ="" 运转成果如下： 能够看见上下两个盒子的边距发作了折叠。 运转成果如下： 此刻上下两个盒子的边距未发作折叠。 比如： div> div>div> div> div>div> 现在对#c1和#c2一起增加floatleft特点后，运转成果如下： 达到方针。 比如： margin:0; } width:100px; background:red; } height:200px; background:yellow; ="" ="" 为了削减现代浏览器和IE ="块级格式化上下文（block formatting context"style="ma>="块级格式化上下文（block formatting context"style="ma>="块级格式化上下文（block formatting context"style="ma>="块级格式化上下文（block formatting context"style="ma>="块级格式化上下文（block formatting context"style="ma>="块级格式化上下文（block formatting context"style="ma>="块级格式化上下文（block formatting context"style="ma>="块级格式化上下文（block formatting context"style="ma>

http://bbs.tui18.com/thread-7999068-1-1.html http://bbs.tui18.com/thread-7999067-1-1.html http://bbs.tui18.com/thread-7999066-1-1.html http://bbs.tui18.com/thread-7999065-1-1.html http://bbs.tui18.com/thread-7999064-1-1.html http://bbs.tui18.com/thread-7999063-1-1.html http://bbs.tui18.com/thread-7999062-1-1.html http://bbs.tui18.com/thread-7999060-1-1.html http://bbs.tui18.com/thread-7999059-1-1.html http://bbs.tui18.com/thread-7999057-1-1.html http://bbs.tui18.com/thread-7999055-1-1.html http://bbs.tui18.com/thread-7999054-1-1.html http://bbs.tui18.com/thread-7999053-1-1.html http://bbs.tui18.com/thread-7999052-1-1.html http://bbs.tui18.com/thread-7999051-1-1.html http://bbs.tui18.com/thread-7999049-1-1.html http://bbs.tui18.com/thread-7999047-1-1.html http://bbs.tui18.com/thread-7999046-1-1.html http://bbs.tui18.com/thread-7999045-1-1.html http://bbs.tui18.com/thread-7999044-1-1.html http://bbs.tui18.com/thread-7999043-1-1.html http://bbs.tui18.com/thread-7999042-1-1.html http://bbs.tui18.com/thread-7999041-1-1.html http://bbs.tui18.com/thread-7999040-1-1.html http://bbs.tui18.com/thread-7999039-1-1.html http://bbs.tui18.com/thread-7999038-1-1.html http://bbs.tui18.com/thread-7999037-1-1.html http://bbs.tui18.com/thread-7999035-1-1.html http://bbs.tui18.com/thread-7999034-1-1.html http://bbs.tui18.com/thread-7999033-1-1.html http://bbs.tui18.com/thread-7999032-1-1.html http://bbs.tui18.com/thread-7999031-1-1.html http://bbs.tui18.com/thread-7999030-1-1.html http://bbs.tui18.com/thread-7999028-1-1.html http://bbs.tui18.com/thread-7999026-1-1.html http://bbs.tui18.com/thread-7999025-1-1.html http://bbs.tui18.com/thread-7999023-1-1.html http://bbs.tui18.com/thread-7999021-1-1.html http://bbs.tui18.com/thread-7999019-1-1.html http://bbs.tui18.com/thread-7999017-1-1.html http://bbs.tui18.com/thread-7999014-1-1.html http://bbs.tui18.com/thread-7999012-1-1.html http://bbs.tui18.com/thread-7999011-1-1.html http://bbs.tui18.com/thread-7999009-1-1.html http://bbs.tui18.com/thread-7999007-1-1.html http://bbs.tui18.com/thread-7999004-1-1.html http://bbs.tui18.com/thread-7999002-1-1.html http://bbs.tui18.com/thread-7999000-1-1.html http://bbs.tui18.com/thread-7998997-1-1.html http://bbs.tui18.com/thread-7998995-1-1.html http://bbs.tui18.com/thread-7998993-1-1.html http://bbs.tui18.com/thread-7998990-1-1.html http://bbs.tui18.com/thread-7998988-1-1.html http://bbs.tui18.com/thread-7998986-1-1.html http://bbs.tui18.com/thread-7998984-1-1.html http://bbs.tui18.com/thread-7998982-1-1.html http://bbs.tui18.com/thread-7998979-1-1.html http://bbs.tui18.com/thread-7998977-1-1.html http://bbs.tui18.com/thread-7998975-1-1.html http://bbs.tui18.com/thread-7998973-1-1.html http://bbs.tui18.com/thread-7998971-1-1.html http://bbs.tui18.com/thread-7998969-1-1.html http://bbs.tui18.com/thread-7998967-1-1.html http://bbs.tui18.com/thread-7998965-1-1.html http://bbs.tui18.com/thread-7998963-1-1.html http://bbs.tui18.com/thread-7998961-1-1.html http://bbs.tui18.com/thread-7998957-1-1.html http://bbs.tui18.com/thread-7998950-1-1.html http://bbs.tui18.com/thread-7998936-1-1.html http://bbs.tui18.com/thread-7890962-1-1.html http://bbs.tui18.com/thread-7847170-1-1.html http://bbs.tui18.com/thread-7847159-1-1.html http://bbs.tui18.com/thread-7847155-1-1.html http://bbs.tui18.com/thread-7999176-1-1.html http://bbs.tui18.com/thread-7999175-1-1.html http://bbs.tui18.com/thread-7999174-1-1.html http://bbs.tui18.com/thread-7999172-1-1.html http://bbs.tui18.com/thread-7999171-1-1.html http://bbs.tui18.com/thread-7999170-1-1.html http://bbs.tui18.com/thread-7999169-1-1.html http://bbs.tui18.com/thread-7999168-1-1.html http://bbs.tui18.com/thread-7999167-1-1.html http://bbs.tui18.com/thread-7999166-1-1.html http://bbs.tui18.com/thread-7999165-1-1.html http://bbs.tui18.com/thread-7999163-1-1.html http://bbs.tui18.com/thread-7999161-1-1.html http://bbs.tui18.com/thread-7999160-1-1.html http://bbs.tui18.com/thread-7999159-1-1.html http://bbs.tui18.com/thread-7999158-1-1.html http://bbs.tui18.com/thread-7999157-1-1.html http://bbs.tui18.com/thread-7999156-1-1.html http://bbs.tui18.com/thread-7999154-1-1.html http://bbs.tui18.com/thread-7999153-1-1.html http://bbs.tui18.com/thread-7999152-1-1.html http://bbs.tui18.com/thread-7999150-1-1.html http://bbs.tui18.com/thread-7999149-1-1.html http://bbs.tui18.com/thread-7999148-1-1.html http://bbs.tui18.com/thread-7999147-1-1.html http://bbs.tui18.com/thread-7999145-1-1.html http://bbs.tui18.com/thread-7999144-1-1.html http://bbs.tui18.com/thread-7999142-1-1.html http://bbs.tui18.com/thread-7999141-1-1.html http://bbs.tui18.com/thread-7999140-1-1.html http://bbs.tui18.com/thread-7999138-1-1.html http://bbs.tui18.com/thread-7999137-1-1.html http://bbs.tui18.com/thread-7999136-1-1.html http://bbs.tui18.com/thread-7999135-1-1.html http://bbs.tui18.com/thread-7999129-1-1.html http://bbs.tui18.com/thread-7999128-1-1.html http://bbs.tui18.com/thread-7999127-1-1.html http://bbs.tui18.com/thread-7999126-1-1.html http://bbs.tui18.com/thread-7999125-1-1.html http://bbs.tui18.com/thread-7999124-1-1.html http://bbs.tui18.com/thread-7999123-1-1.html http://bbs.tui18.com/thread-7999122-1-1.html http://bbs.tui18.com/thread-7999121-1-1.html http://bbs.tui18.com/thread-7999120-1-1.html http://bbs.tui18.com/thread-7999118-1-1.html http://bbs.tui18.com/thread-7999117-1-1.html http://bbs.tui18.com/thread-7999116-1-1.html http://bbs.tui18.com/thread-7999115-1-1.html http://bbs.tui18.com/thread-7999114-1-1.html http://bbs.tui18.com/thread-7999113-1-1.html http://bbs.tui18.com/thread-7999111-1-1.html http://bbs.tui18.com/thread-7999110-1-1.html http://bbs.tui18.com/thread-7999108-1-1.html http://bbs.tui18.com/thread-7999107-1-1.html http://bbs.tui18.com/thread-7999106-1-1.html http://bbs.tui18.com/thread-7999105-1-1.html http://bbs.tui18.com/thread-7999104-1-1.html http://bbs.tui18.com/thread-7999100-1-1.html http://bbs.tui18.com/thread-7999099-1-1.html http://bbs.tui18.com/thread-7999097-1-1.html http://bbs.tui18.com/thread-7999095-1-1.html http://bbs.tui18.com/thread-7999094-1-1.html http://bbs.tui18.com/thread-7999093-1-1.html http://bbs.tui18.com/thread-7999092-1-1.html http://bbs.tui18.com/thread-7999091-1-1.html http://bbs.tui18.com/thread-7999089-1-1.html http://bbs.tui18.com/thread-7999088-1-1.html http://bbs.tui18.com/thread-7999087-1-1.html http://bbs.tui18.com/thread-7999084-1-1.html http://bbs.tui18.com/thread-7999083-1-1.html http://bbs.tui18.com/thread-7999082-1-1.html http://bbs.tui18.com/thread-7999080-1-1.html http://bbs.tui18.com/thread-7999079-1-1.html http://bbs.tui18.com/thread-7999077-1-1.html http://bbs.tui18.com/thread-7999075-1-1.html http://bbs.tui18.com/thread-7999073-1-1.html http://bbs.tui18.com/thread-7999072-1-1.html http://bbs.tui18.com/thread-7999071-1-1.html http://bbs.tui18.com/thread-7999070-1-1.html http://bbs.tui18.com/thread-7999069-1-1.html

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

相關文章