いう順番で書いている理由は上の「4値構文」で説明した通り。CSSにおいては重要なので、覚えてね。ページの端が起点であるため、HTMLにおける要素の位置に関わらず配置される(初期状態では左上に)が、ページをスクロールすると要素も一緒にスクロールする。同様であるが、ページをスクロールしても画面に追従し、要素はスクロールしない。このブログにおいて、画面の右下に見えている上向きの矢印(ページトップに戻るボタン。配置された要素である。プロパティを使用した配置変更の例である。以外の値が設定されている場合、その親要素の端を起点とした絶対配置となる。指定することで、子要素を親要素内に(外でもいい)自由に配置できるようになるというわけだ。自由すぎて迷子になってしまわないように注意だが、もう一つ注意点。現象に近いが、絶対配置(absolute/fixed)にすると親要素の元を離れ、元の居場所がなくなってしまうので、本来確保されるべき領域が確保されなくなる。絶対配置の子要素しかもたない親要素は、幅と高さを指定しないと大きさがゼロになってしまう。親要素の領域は、幅や高さを必要に応じて指定することで確保しなければならない。指定すると要素の下が基準となる。bottom次に絶対位置の%による指定について。位置を%で指定すると、親要素の幅・高さを100%とする位置に配置される。いずれの方向も100%を指定すると親要素の範囲外に配置される。100%+○○px、というふうに配置したい場合は、マージンと組み合わせるとうまくいく。方向を合わせるのがコツだ。同時に指定するとどうなるか。ある場合は、それぞれ要素の上下/左右の端が指定された位置になるように要素の高さ/幅が自動的に設定される。インライン要素も絶対配置にすることができる。要素からはみ出した部分を隠すブロック要素に幅や高さを指定したり、親要素を超える大きさをもつ内容を含めたりすると、子要素が親要素の領域をはみ出してしまうことがある。はみ出した部分はどのように表示されるのかというと、普通に表示される。いっても、要素外の領域を間借りしているだけなので、他の要素があった場合、重なって表示されてしまう。プロパティで指定できる。このプロパティでは、値を空白で区切って二つ書くことにより、X軸方向(横)とY軸方向(縦)の順で個別に指定することもできる。