Topテクニックメモスタイルシートネタ > ボックス関連の注意

ボックス関連の注意

borderやpadding、margin、width、heightに関連するバグです。
覚えておかないとたまに痛い目をみます(^。^;)


widthと同時に左右borderや左右paddingを指定しない。heightと同時に上下borderや上下paddingを指定しない。
※通常は、ボックスの幅を算出するときにパディングやボーダーのサイズは除外される。しかしWinIEではこれらを含めて幅や高さを算出する。
body要素にはborderやwidthを指定しない
body要素にボーダーを設定すると、マージンや子孫要素などを無視し、閲覧領域を囲むようにボーダーが表示されてしまう

「ボックス関連の注意」関連本

Akasa Rira
みつけたきせき