絶対配置の説明(座標) | ランのカスタマイズ日記

絶対配置の説明(座標)






■ 絶対配置の説明(座標)


★ 絶対配置を行えば自由に配置が可能です。
  配置座標の説明を下記にします。


① 配置は XY 座標で指定します。 





② 起点 X=0 Y=0 は、通常、ページ全体の左上が left 0 top 0 となります。

  しかし、スクロールと一緒に、配置したものを一緒について行かせたい場合
  position:absolute; と指定します。

  position:absolute場合は、下記を指定して置かないと画面を大きくしたり、
  小さくしたりすると位置がずれます。
  固定化したい場合は、下記をCSSに指定します

#frame{
position:relative;
}

 上記を指定すると、起点(left 0 top 0)がスキンの左上になります。






③ スクロールしても、ついてこないようにするのには、positon:fixed; を指定します。
  起点はページ全体の左上になります。