最近久し振りにブログのデザインをいじっていて、CSSをすっかり忘れていることを痛感しました。やはり定期的にCSSを扱うようにしていないとダメですね。 中でもすっかり頭から抜けていたのがタイトルにあるposition: relativeの使いドコロです。個人的にはこのposition: relativeを使いこなせるようになることがCSS初心者を脱する鍵だと思っています。 そこで備忘を兼ねてposition: relativeの使いドコロを簡単にまとめてみました。 position: relativeとは? まず、そもそもposition: relativeとは何でしょうか。 CSSのpositionプロパティはボックスの配置方法を決めるためのプロパティで、その値としてはstatic、absolute、relative、fixedの4種があります。初期値はstaticです。位置の指定はtop
![position:relativeの使いドコロ - guimo archive](https://cdn-ak-scissors.b.st-hatena.com/image/square/7c0218aacc0a7e53344a18d6dfc8ad8422dab9b1/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fg%2Fguimo%2F20120124%2F20120124090158.png)