Keep div element inside as-split tag

<as-split class="split-container" unit="percent" direction="horizontal" (dragEnd)='resetMap($event)'>
  <as-split-area size="60" style="position: relative;">
      <app-map></app-map>
  </as-split-area>

</as-split>
<div id="acc1" style="margin-left: auto ;margin-top: 10px ;width: 75%;z-index: 1;">
    <!-- <app-wells-records></app-wells-records>-->
    <app-welldetail-records ></app-welldetail-records>
   </div>

how to set this div element inside the as-split elemnt. the as-split element represents the map window. i need a table on top of the map.