メインコンテンツまでスキップ

「box-model」タグのついた1記事

全てのタグを見る

ボックスモデル — width が何を指すかで崩れる

CSS のボックスモデルを、コンテンツ・パディング・ボーダー・マージンの 4 領域と box-sizing による width の解釈の違いから解説します。背景がどこまで描かれるか、マージンの相殺がいつ起きるか、border-box をリセットで当てる定石までを扱います。