レスポンシブデザイン時のposition指定方法 - Qiita

left、right値をコンテンツエリア（親要素）に対してそれぞれパーセントにて指定すると、親要素の幅に合わせて子要素が可変するようになります。 top、bottomは適宜指定して下さい。 なお画像の場合は“Fluid Image”を忘れずに。 例 ざっくりですが、下記のようになります。 ■デザイン ※コンテンツエリア640pxの場合のデザインです ■マークアップ HTML <div class="contentsArea"> <div class="circle"><img src="circle.png" alt=""></div> <div class="rect"><img src="rect.png" alt=""></div> </div> .contentsArea { position: relative; } .contentsArea .circle, .content