みなさん、positionは使っていますか? 使えるようになるととても便利、だけど理解せずに使ってしまうと酷い目に合うのがposition。 特にプレーンテキストと組み合わせる事が難しいので、敬遠している人が多いかも。 今回はそのpositionの使い方と、ちょっとしたテクニックを紹介します。 まずはpositionの基本から positionに指定できるのは下記の4つ。 static 初期値です。指定する事が無いかと言えばそうでもなく、指定したpositionを打ち消す時に使います。レスポンシブでは必須。 relative 相対位置への配置です。開始位置はstaticと同じです。実用の際にはabsoluteの開始位置として使用する場合が多くなります。 absolute 絶対位置への配置です。static以外が指定された親要素を基準とした配置です(ほとんどの場合relativeになります)
![CSS:難しい?意外と便利なpositionを使いこなそう](https://cdn-ak-scissors.b.st-hatena.com/image/square/0ed690b5a2d3ee07ac22ffed1e9c78bbbb361b03/height=288;version=1;width=512/https%3A%2F%2Fwww.koushinclub.com%2Fwp-content%2Fuploads%2F2019%2F02%2Fposition.png)