LoginSignup
2
0

More than 5 years have passed since last update.

[CSS] absolute で 親要素(parent)との相対距離で位置を調整したい時に見るべきところ

Posted at

absolute を使って ページからの絶対距離ではなく、親要素との相対距離で位置を調整したいときがあります。

absolute 以外の position を使っても相対位置の距離で調整できるんですが、 absolute 以外では、 移動する前の位置に要素があったことになる という減少があります。
そこに存在しないように位置調整したのに、続く要素がその要素が元々あった場所を避けて位置取りしてしまいます。

あ…ありのまま今起こった事を話すぜ! 俺は要素の位置を調整したと思ったら、他の要素はそのままだった。 な…何を言っているのかわからねーと思うが(ry

みたいなことになります。

そんなときに気にするべきは、 親要素position です。
親要素の positionrelative で、子要素の positionabsolute だったら、親要素の相対位置に移動します。
便利。

2
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
0