positionプロパティを思い通りに使いこなそう

Web制作
ブッ君
ブッ君

今回はpositionプロパティ。これも初心者がつまずきやすいプロパティの一つで構造をしっかりと理解しておく必要があるよ!

マー君
マー君

今度はpositionプロパティか・・・少しずつ複雑になってくるね。

ブッ君
ブッ君

positionは特に初心者には扱いづらいからしっかりと基本を覚えて応用できるようにしておこう!!

positionプロパティの使用方法

基本を身に付けよう

基本的な使用方法がわかりやすく説明されています!

fixed使用時の注意点

stickyの使用方法

absolute指定時の要素の高さを確保する

absolute指定時の要素の中央配置を行う

z-indexと合わせて重なりを操作しよう

まとめ

  • positionプロパティの基本操作を身に付ける
  • absoluteを指定した要素とその親要素の高さの確保
  • absoluteを指定した要素の中央配置
  • z-indexプロパティで要素の重なりを操作する

コメント

タイトルとURLをコピーしました