面板穿过底部

Question

我的底部面板有问题。 我有2个面板。 First panel (top) and second panel (bottom)

但是，当我增加第一个面板的高度时，第二个面板会隐藏在页面的底部

Problem with the second panel

我该如何解决？

这是第二个小组的CSS。

.form-panelAtributos {
    margin-bottom: 5px !important;
}

#panelAtributos {
    min-height:1%!important;
    max-height:34%!important;
    overflow:auto;
    width: 100%;
    overflow-x:hidden;    
}

.panelBodyAtributos {
    padding-bottom: 15px !important;
    padding-top: 15px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;    
}   

编辑：这是我的HTML：

<div id="panelAtributos" class="panel panel-default">
    <div id="headPanel" class="panel-heading"></div>
    <div id="panelBody" class="panel-body panelBodyAtributos">
        <form id="cuerpoAtributos" class="form-panelAtributos form-horizontal">
        </form>
   </div>
</div>

由于