HTMLのdivタグの幅に関するメモ
赤色の枠は親要素、青色の枠は子要素、緑色の枠は孫要素
１.幅の指定なし
２.親要素の幅のみ指定
３.子要素の幅のみ指定
４.親要素と子要素の幅指定（親要素の幅＞子要素の幅）
５.親要素と子要素の幅指定（親要素の幅＜子要素の幅）
６.displayにinline-blockを指定
子要素なし
７.親要素のdisplayにinline-blockを指定（子要素には指定なし）
８.親要素のdisplayにinline-blockを指定（子要素、孫要素には指定なし）
９.幅を指定し、margin-leftとmargin-rightにautoを指定
子要素なし
１０.displayにinline-blockを指定し、幅を指定
子要素なし
１１.displayにinline-blockを指定した場合、margin-leftとmargin-rightにautoを指定しても効果はない
子要素なし
１２.上記11に対し幅を指定しても同じ
子要素なし
１３.親要素のtext-alignにcenterを指定し、子要素のdisplayにinline-blockを指定
１４.要素のwidth（100px）、padding（左右それぞれ10px）、border（上下左右3px）を指定
要素
要素の外側の幅は（ width：100px ＋ 左右のpadding：10×2px ＋ 左右のborder：3×2px ）