CSSによるwidth（横幅）の解釈方法
■ 解答 正解は、444px です。 横幅（width）が400pxと記述されていますので、ボックス全体（コンテンツ、余白、詰め、枠線）の横幅が400pxと思われるかもしれませんが、CSSはそのように解釈してくれません。 全体の横幅は、 「コンテンツ、余白（左、右）、詰め（左、右）、枠線（左、右）」 を足した数値と解釈されます。 つまり、 「コンテンツ+余白左+余白右+詰め左+詰め右+枠線左+枠線右 = 全体の横幅」 という計算式になります。 ですので、上記の例では、 「400（コンテンツ）+10（余白左... > このページを見る
はてなブックマーク
