我如何讓底部的其他內容的div溢出？

Question

我對引導崩潰

<div class="panel-group" id="accordion" style="margin-left:890px;width:444px;padding:0px;border:0px solid black;"> 
    <div class="panel panel-default"> 
    <div class="panel-heading" style="padding:0px;"> 
     <button type="button" class="btn btn-info" data-toggle="collapse" data-target="#demo" style="border:0px;width:442px;margin:0px;" data-parent="#accordion"> 
      <span style="float:left;">Month Calendar</span> 
      <span class="glyphicon glyphicon-menu-down" style="float:right"></span> 
     </button>  
    </div> 
    <div id="demo" class="panel-collapse collapse in" style="border:0px solid black;padding:0px;"> 
     <div class="panel-body" style="padding:0px;"> 
      @Html.DevExpress().DateNavigator(Html.GetSchedulerSettings()).Bind(Model.Appointments, Model.Resources).GetHtml() 
     </div> 
    </div> 
    </div> 
</div> 

這有一個開發快件控制下面的HTML代碼。當頁面加載導航器（這是一個日曆）顯示擴大，並在其下面的上下文移動。所以爲了防止這種情況，我需要讓日曆在內容上溢出。我如何使這個日曆控件溢出其他？

這裏是一個圖像顯示發生了什麼

Answer 1

你應該把面板默認位置：相對所以它的後代綁定到它，然後使面板坍塌的位置是：絕對給防止它影響其餘的流程。

<div class="panel-group" id="accordion" style="margin-left:890px;width:444px;padding:0px;border:0px solid black;position:relative"> 
    <div class="panel panel-default"> 
    <div class="panel-heading" style="padding:0px;"> 
    <button type="button" class="btn btn-info" data-toggle="collapse" data-target="#demo" style="border:0px;width:442px;margin:0px;" data-parent="#accordion"> 
     <span style="float:left;">Month Calendar</span> 
     <span class="glyphicon glyphicon-menu-down" style="float:right"></span> 
    </button>  
</div> 
<div id="demo" class="panel-collapse collapse in" style="border:0px solid black;padding:0px;position:absolute;top:100%;"> 
    <div class="panel-body" style="padding:0px;"> 
     @Html.DevExpress().DateNavigator(Html.GetSchedulerSettings()).Bind(Model.Appointments, Model.Resources).GetHtml() 
    </div> 
    </div> 
    </div> 
</div> 

注意：您使用了很多內聯樣式，最好儘可能多地在CSS中保留樣式。