日本一わかりやすいpositionの使い方解説cssのpositionについて、なんとなくわかりにくいんだよな～・・という感じで避けている人のために、がんばって、日本一わかりやすい「positionプロパティの使い方」解説を考えてみました。 css position で検索するといろんな解説サイトが出てきますが positionプロパティとすべての値との関係を列挙してあるページは、やっぱり初心者には「難解！」なわけです。 ということで小難しい解説や基礎知識は別ページを見ていただくとして、 すごーいおおざっぱにざっくりと解説するとこんな感じです。 一番よく使うパターンを図式にしてみました。 要点はこれだけ １）親ボックスの基準点を決める 基準点を持ってる親ボックスに、position:relative;を入れておく ２）位置を確定したいボックスには、width height top leftの４点セットで 幅、高さ、基準点からの距離を指
