【CSS】positionのrelative、absolute、fixed、stickyの使い方を解説

テクノロジーカテゴリーの変更を依頼記事元:

tomiwa-tech.co.jp

2 usersがブックマークコメント

コメント

0

記事へのコメント0件

注目コメント
新着コメント

新着コメントはまだありません。
このエントリーにコメントしてみましょう。

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

【CSS】positionのrelative、absolute、fixed、stickyの使い方を解説

今回は、CSSのpositionプロパティについて詳しく解説します。 positionはレイアウトに必須のプロパティ... 今回は、CSSのpositionプロパティについて詳しく解説します。 positionはレイアウトに必須のプロパティなので、この記事を読んで必ず使えるようになりましょう。 static まずはposition: static;についてです。おそらくCSSを書いていてposition: staticを意識することはあまりありません。 positionの初期値はstaticで、特に指定がなければstaticになります。 leftやtopなどのプロパティで位置を変えることはできません。 .box { position: static; left: -1000000px; /* これは効かない */ } デフォルトがstaticなので、特に記述する必要はありません。また、重なり順を決めるz-indexも効きません。 relative relativeは相対位置を指定する際に利用しますが、実際は

ブックマークしたユーザー

tokumitsu72022/04/07
Sire2020/02/11

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx