エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【CSS】positionのrelative、absolute、fixed、stickyの使い方を解説
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【CSS】positionのrelative、absolute、fixed、stickyの使い方を解説
今回は、CSSのpositionプロパティについて詳しく解説します。 positionはレイアウトに必須のプロパティ... 今回は、CSSのpositionプロパティについて詳しく解説します。 positionはレイアウトに必須のプロパティなので、この記事を読んで必ず使えるようになりましょう。 それぞれ全く異なる位置にあるのが分かりますね。 positionの値について、一つ一つ説明していきます。 static まずはposition: static;についてです。 おそらくCSSを書いていてposition: staticを意識することはあまりありません。 positionの初期値はstaticで、特に指定がなければstaticになります。 leftやtopなどのプロパティで位置を変えることはできません。 .box { position: static; left: -1000000px; /* これは効かない */ } デフォルトがstaticなので、特に記述する必要はありません。 また、重なり順を決めるz