ボックスモデル

ボックスモデル図解

ブロックレベル要素は、矩形(長方形)の領域を生成します。この領域をブロックボックスなどと呼びます。

p {
margin:30px;
padding:20px;
width:200px;
height:50px;
border:10px solid;
}

※一部ブラウザではwigth,heightをボーダーの範囲まで含むことがある。
※IE6 と XML 宣言

XHTML では冒頭に XML 宣言を記述することが推奨されています。

XML 宣言(文字コードShift_JISの場合)

ところが、WinIE6 には DOCTYPE 宣言より前に何か文字列があるとうまくレイアウトができません。

この問題の対策としては以下の方法が考えられます。

* XHTMLでも XML 宣言を書かない
* HTML4.01 にする
* その他の方法