css - 如何在另一个 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 over other other div

Answer 1

如果我没看错，试试设置

style={position: 'absolute'}

在你想要结束的div中