幅の調整 CSS width:

せんせい

文章や指定範囲のブロック幅を調整する。

幅のサイズを指定 width:

width: 幅の値

全てのp要素(段落)の幅を指定する。
p { width: 幅の値 }

ID名mainの幅を指定する。
#main { width: 幅の値 }

クラス名testの幅を指定する。
.test { width: 幅の値 }

値の単位 pxと%

px指定

ピクセル単位で指定するとブラウザの表示域の大きさに関わらず、幅は固定される。

%指定

ブラウザの表示枠から%の値を計算する。サンプルの表示例を開いて、ブラウザの大きさを変えみてほしい。ブラウザの表示域が変わると、それに合わせて%指定した幅も変更される。

ただし、親要素の幅がpx単位で固定されていると、px単位の%を値として計算するので、ブラウザの大きさを変えても幅は変更されない。