css position Как сделать чтобы не учитывались отступы

Есть блок и внутри него много других блоков , когда я использую position relative во внутрених блоках map , то следующие блоки начинают позиционироваться не от главного элемента , а от предыдущего , вопрос как сделать так чтобы все элементы отдалялись только от главного блока .

Можно решение делать не тока на css но и на js.

<div class="mainmap">

<div class="map1" > </div>

<div class="map2" ></div>

<div class="map3" > </div>

</div>