実際の上下左右の距離は「top」「bottom」「left」「right」プロパティを併用します。これらはpositionプロパティの値がstatic以外の時に有効となります。 またこの4つ全てを使う必要はなく、「top」だけ、「top」と「right」だけと必要なもののみ使い、配置された位置からの距離を指定します。 言葉だけではイメージがつきにくいと思いますので、以下より実際配置した時の画像と併せてご説明します。 2.“relative”と“absolute”の動きの違い i)relative 【その1】 100px × 100pxの灰色のボックスの下に、relative指定した を配置しました。 今回は上から0pxの距離を指定しています。 <div class="box">box</div> <div class="relative">relative</div> .box { wid
![【実例あり】position:「absolute」「relative」でレスポンシブECサイトのレイアウトを! - ECサイト構築運営に役立つ情報発信|モバイルファーストマーケティングラボ](https://cdn-ak-scissors.b.st-hatena.com/image/square/f2bca2508fcfe581c82db351cafe38041b8b998d/height=288;version=1;width=512/https%3A%2F%2Fwww.aiship.jp%2Fknowhow%2Fwp-content%2Fuploads%2F2014%2F09%2F160209b97d90c8a32175242e79c01fbe.jpg)