ボックスモデル
ボックスモデル図解
ブロックレベル要素は、矩形(長方形)の領域を生成します。この領域をブロックボックスなどと呼びます。
例
p {
margin:30px;
padding:20px;
width:200px;
height:50px;
border:10px solid;
}
※一部ブラウザではwigth,heightをボーダーの範囲まで含むことがある。
※IE6 と XML 宣言
XHTML では冒頭に XML 宣言を記述することが推奨されています。
ところが、WinIE6 には DOCTYPE 宣言より前に何か文字列があるとうまくレイアウトができません。
この問題の対策としては以下の方法が考えられます。