一覧トップ/WEBデザイン関連/CSS/positionとdivとfloatの関係性 - tianlang @ ウィキ

アップロードIMG参照。

ポジションで座標位置を指定されたdivは、

"広がれるだけ広がろうとする" 習性がうまく発現出来ずに
"縮められるだけ縮もうとする" 習性になる。

それは、bodyに対して

  position:relative;

というスタイルを適用すると、

設定されたbody要素は
ほぼ無限の広がりを実現してしまうので、
divも合わせて "広がれるだけ広がろうとする"
習性を発現出来なくなってしまうので、
そこで止むを得ず

"縮められるだけ縮もうとする"

反意的な習性の要素になる為である。

これを回避するためには、
対象のdiv要素に対して " width " を与えると良い。

---