positionプロパティ、難しいですよね・・・!はじめのうちは何度聞いても混乱してしまうこの二つ。 「absolute」と「relative」の違いについて、画像とあわせてまとめてみました。 私もちょっと長いこと、 absolute=絶対位置 relative=相対位置 といわれても全然ピンときてませんでした。「絶対?相対?どういう意味?」という感じだったのですが、 きっと、考えるより実際見てみたほうがわかりやすいと思います! 実際にページに配置して確認してみましょう。 01ページ内に配置してみる <body>~</body>内のソース <body> <div id=”box”>配置するボックス</div> <p>テキスト</p> </body>
![見ながら覚えよう!positionプロパティ「absolute」と「relative」についてのお話 | たねっぱ!](https://cdn-ak-scissors.b.st-hatena.com/image/square/9e50a1a20e30ed53e2bde5a3060fa420c649afc5/height=288;version=1;width=512/https%3A%2F%2Ftaneppa.net%2Fwp-content%2Fuploads%2F2013%2F02%2Fposityon.jpg)