カテゴリー:
CSS
タグ:
 css position

このエントリーをはてなブックマークに追加
更新日時:
2013年01月18日(金)
作成日時:
2013年01月18日(金)

前の記事 / 次の記事

CSSで要素を重ねたい時、例えば画像の上に文字を表示したい時。

position を指定することで本来あるべき位置からずらした場所に表示することが出来る。
relative 本来あるべき位置から計算してどこに表示するか。
abosolute 画面の左上から計算してどこに表示するか。

本来あるべき場所から上方向に100pxずれた場所に表示される。

// sass
.box
  position: relative
  top: -100px

画面の上端から下方向に100pxずれた場所に表示される。

// sass
.box
  position: absolute
  top: 100px