ページの窓構造:
最も外側のブラウザのウィンドウ(ビューポート)
最初に含まれるブロックの
HTMLルート要素の
ボディ
............
。1 <!DOCTYPE HTML > 2 < HTML > 3。 < ヘッド> 4。 < メタ文字セット= "UTF-8" > 5。 < タイトル> </ タイトル> 6。 < スタイル> 7。 8。 / * 9。 設定ウィンドウのページ: 10 、最も外側のブラウザウィンドウ(ビューポート) 11 最初に含まれるブロック 12は、 HTMLルート要素 13は 、本体 14 ............ 15 16 * / 17 18 19 HTML { 20 境界:1ピクセルの青色固体。 21 / * 位置:相対。* / 22 マージン:100ピクセル; 23 } 24 25 本体{ 26 境界:1ピクセル赤色固体。 27 / * 位置:相対。* / 28 マージン:100ピクセル; 29 } 30 31 .box1 { 32 幅:300ピクセル。 33 高さ:300ピクセル。 34 背景色:#bfa 。 35 36 マージン:100ピクセル; 37 38 / * 位置:相対。* / 39 } 40 41 .box2 { 42 幅:100pxに。 43 高さ:100pxに。 44 背景色:オレンジ; 45 46 位置:固定。 47 48 トップ:0 ; 49は 左:0 ; 50 } 51 52 </ スタイル> 53 </ ヘッド> 54 < ボディ> 55 56 < DIV クラス= "BOX1" > 57 < DIV クラス= "BOX2" > </ DIV> 58 </ DIV > 59 60 </ ボディ> 61 </ HTML >
ていないブロックを含む1 HTML要素
前記開口部が位置決めブロックを含む子要素に対して配置されている場合、我々は通常本体の相対位置に設定。