最終更新日: 2021年2月9日
CSSでpositionプロパティの指定を解除する方法!
CSSでpositionプロパティの指定を解除する方法についてサンプルコード付きで解説します。PCではpositionをabsoluteやfixedしていたものを、スマホではpositionを解除したいといった時にこちら役立ちます。
CSSでpositionプロパティの指定を解除する方法
CSSでpositionプロパティの指定を解除する方法を2つ項目を分けて解説します。
position: staticを用いる
position
をabsolute
やfixed
していたものを解除するにはデフォルト値のposition: static
で上書きして打ち消します。
では実際にサンプルコードを用意したので確認してみましょう。
始めはposition: fixed;
を指定していますが、後からposition: static;
で上書きすることで、position: fixed;
が解除されていることが分かります。
position:initialを用いる
position
をabsolute
やfixed
していたものを解除するにはposition: initial;
で上書きしてリセットします。
ではサンプルコードを用意したので確認してみましょう。
始めはposition: fixed;
を指定していますが、後からposition: initial;
で上書きすることで、position: fixed;
が解除されていることが分かります。
ただしposition: initial;
はIEでは使えないので注意してください。
まとめ
いかがでしたでしょうか?
ぜひここで紹介した方法を試してみてください。