有什么办法元素溢出其父级

由 发布于

我想在css（bootstrap）中溢出其父上下文的元素。有什么办法吗？

在我的情况下，代码如下。我希望描述字段覆盖整个行。但因此它不在col-md-4中涵盖。有没有一种方法可以做我想要的。我的英语不好，对不起。

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"/>

  <div class="row">
      <div class="col-md-4">
         <div class="panel panel-default">
            <div class="panel-heading" role="tab" id="headingOne">
               <h4 class="panel-title">
                  <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                     item 1
                  </a>
               </h4>
            </div>
            <div id="collapseOne" class="panel-collapse collapse" role="panel" aria-labelledby="headingOne">
               <div class="panel-body">
                  Description 1
               </div>
            </div>
         </div>
      </div>
      <div class="col-md-4">
         <div class="panel panel-default">
            <div class="panel-heading" role="tab" id="headingTwo">
               <h4 class="panel-title">
                  <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                     item 2
                  </a>
               </h4>
            </div>
            <div id="collapseTwo" class="panel-collapse collapse" role="panel" aria-labelledby="headingTwo">
               <div class="panel-body">
                 description 2
               </div>
            </div>
         </div>
      </div>

      
   </div>