ホームページ  >  記事  >  ウェブフロントエンド  >  CSS 2.1_html/css_WEB-ITnose の 3 つの位置決めスキームの分析

CSS 2.1_html/css_WEB-ITnose の 3 つの位置決めスキームの分析

WBOY
WBOYオリジナル
2016-06-24 11:53:22967ブラウズ

通常のフロー (NormalFlow Float Definitely Position AbsolutPosit 1. ブロック フォーマット コンテキストとは 上記の知識があれば、Blockformatcontext ブロック フォーマット コンテキストを導入できます) BlockFormatContext 要素を作成すると、配置された子要素が 1 つずつ接続されます一つ。垂直方向の開始点は、それを含むブロックの上部であり、隣接する 2 つの要素間の垂直方向の距離は、「margin」プロパティによって異なります。 BlockFormatContext 内の隣接するブロック レベル要素の直線マージンは折りたたまれます (表示付きの inline-block 要素、表示付きの inline-blocktablcell 要素、HTML タブのデフォルトです)。 lcaptionelwhereoverflowhaavaluotherthonvisibleflexboxelementwithdisplay:flexorinline-flex

2 「overflow」値は「visible」ではありません 4 「table-caption」または「inline-block」 ;}#one,#two{width:100px;height:100px;margin:10px;}#one{background:red;}#two{background:blue;}style>" 実行結果は次のとおりです。上下の 2 つが表示されます。 各ボックスの余白が折り返されます。 結果は次のようになります。 この時点では、上下のボックスの余白は折り畳まれません。 例: divid="red">div> 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


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。