CSSコアコンテンツ--ストリーム

629 ワード

流れ:現実生活では流水であり、ウェブデザインでは要素(ラベル)の並び方を指す.
標準フロー:エレメントは、Webページに流れる水のように、前に並べられたエレメント(ラベル)の内容、前に表示され、後ろに並べられたエレメント(ラベル)の内容、後ろに表示されます.
これはデフォルトのレイアウトです.
<div style="border:1px solid red;height:20px;">div1</div>
<span>hello</span>
<div style="border:1px solid blue; height:20px;">div2</div>
<span>world</span>
<div style="border:1px solid grey;height:20px; ">div3</div>

次の順序で表示されます.
 
非標準フロー:実際のWebレイアウトでは、ある要素を元の方法で表示したくないので、非標準フローのレイアウトを使用します.つまり、ある要素を
それ自体の位置から離れます.