「position」は超重要なCSSです。使いこなせるかどうかで、デザインの自由度が180度変わります。専門用語が多すぎると感じました。実践でどう使うかを紹介します。absoluteまとめポジション「POSITION」はその名の通り、ポジション(位置)を操作するCSSです。デザインで主に使うのは、position:fixed;position:relative;position:absolute;の3つです。指定したタグを画面上で固定する事が出来ます。画面をスクロールしても、ずっと画面上の同じ位置に表示される為、メニューバーによく使われます。表示位置を画面固定しています。今回、画面右下に「position:fixed;」を使った表示を作っておきました。スクロールしてみて、どんな動きをするのか確認してみて下さいね。「top・bottom・left・right」の指定が必要です。右下に表示する場合は、bottom:0;right:0の2つの指定が必要になります。「right:0;」は、「右から:0px」という意味で、どこから何px離れているかを指定しています。基本的にセットで扱う方が使いやすいかと思います。新しい記事のサムネイルに「new」という表記をしたい場合、サムネイル側にrelative;、newにabsolute;を付けてあげましょう。小枠(class=”new”)にabsoluteを指定します。0px;}サムネイルNEW要するに、relativeの中のabsoluteは、relativeを基準として移動させる事ができるという事です。右上にはみ出したデザインにも出来たりします。まとめWEBデザインで必須である、ポジションについての紹介でした。WEBデザインをする上では、ポジションを使えると使えないとでは大違いです。覚えておかなければならないCSSだと思います。頭に入れておきましょう。高井圭介WEB制作・動画制作・ブログを使ったマーケティングについて学んできました。現在はプログラミング勉強中です。僕が学んだ「パソコン1台で自立できる知識」を共有して、一緒に成長できる仲間を募集中です。