Html 面板穿过底部

我的底部面板有问题。 我有两个面板。

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

我该如何解决这个问题

这是第二个面板的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>

---

谢谢

请添加您的HTMLUse

display:flex和
弹性方向：列-也请阅读此