как стиль отображения div над другим div

Question

Мой блок кода

<div class="form-row">
 <div class="col">
   <div class="search-contributor-box">
     <p>
       <input type="text" class="form-control search-contributor"
           placeholder="Contributor" name="contributor" id="contributor"
           value="Add contributor" autocomplete="off">
     </p>
     <div class="sub-search-contributor sub-panel" style="display: none;">
         <p class="lead" style="text-align:center;color:#a9a9a9;">
           <i class="fa fa-search"></i>
           Looking for someone
         </p>
     </div>
   </div>
 </div>

 <div class="col">
   <p>
     <select class="form-control form-control-sm" id="role" name="role">
         <option value="developer" selected>Developer</option>
         <option value="leader">Leader</option>
     </select>
   </p>
 </div>
 <div class="col">
   <p>
     <input type="text" class="form-control" placeholder="Salary" id="salary"
             name="salary" value="">
   </p>
 </div>
</div>

Это производит меня так:

как стиль, чтобы получить дисплейрезультат Looking for someone над другим другим div

Answer 1

Если я не понимаю, попробуйте установить

style={position: 'absolute'}

в div, который вы хотите превысить