【実例あり】position:「absolute」「relative」でレスポンシブECサイトのレイアウトを！ - ECサイト構築運営に役立つ情報発信｜モバイルファーストマーケティングラボ実際の上下左右の距離は「top」「bottom」「left」「right」プロパティを併用します。これらはpositionプロパティの値がstatic以外の時に有効となります。 またこの4つ全てを使う必要はなく、「top」だけ、「top」と「right」だけと必要なもののみ使い、配置された位置からの距離を指定します。 言葉だけではイメージがつきにくいと思いますので、以下より実際配置した時の画像と併せてご説明します。 ２．“relative”と“absolute”の動きの違い ｉ）relative 【その１】 100px × 100pxの灰色のボックスの下に、relative指定した を配置しました。 今回は上から0pxの距離を指定しています。 <div class="box">box</div> <div class="relative">relative</div> .box { wid
