Bootstrap父面板不会通过在其中添加子面板来调整大小

Question

我正在尝试将子面板水平添加到父面板中，ID为＆＃34; mpdiv＆＃34;。当子面板增加时，父面板不会调整，它会被隐藏。

CSS：

fetchNotificationCount

HTML

.outer div {

 float: none;

 margin: 1%;
 display: inline-block;
 zoom: 1;
 }
.panel {
 overflow: hidden;
 resize:both;
 position: relative;

  }

的javascript：

<div class="container">
 <div class="row" >
 <div class="col-sm-10" >
 <div class="panel panel-default div-responsive "   >
 <div class="panel-body outer div-responsive" id="mpdiv" >

 </div>
 </div>
</div>
</div>
</div>