laui 弹出层下拉选溢出出现滚动条解决

当弹出层里的下拉选择框选项过多，超出弹出层时，弹出层出现了滚动条，影响美观。

解决方案：在html标签下面添加css属性，css属性要在laui插件的下边

<!-- 选择部门 -->
<div id="deptLayer" style="display: none;padding:10px; width:500px; height:500px;overflow:auto !important;">
    <ul id="deptTree" class="ztree" style="overflow:auto !important;"></ul>
</div>


<script src="../../../statics/layuiadmin/layui//layui.js"></script>
<style type="text/css">
	.layui-layer-page .layui-layer-content {
	    overflow: auto !important;
	}

    .table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
        border-top: 0;
        border-bottom: #DDDDDD solid 1px;
    }
    .ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow td {
        overflow: hidden;
        white-space: pre;
        padding-right: 2px;
        height: 40px;
        line-height: 40px;
    }
</style>