/*抽屉布局，最后一个抽屉占满剩余空间*/

html, body {
    height: calc(100% - 1px);
    margin: 1px 0 0 0;
}

/*https://hacpai.com/article/1563163181259?r=Vanessa*/
.container {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.container > div:last-child {
    /*background: tomato;*/
    flex-grow: 1;

    /*width: 100%; !*fit-content;*!*/
    /*height: 100%; !*这个是父窗口的高度*!*/
    /*!*bottom: 200px;*!*/
    /*max-height: 100%;*/
    /*overflow-x: visible;*/
    /*overflow-y: auto;*/
    /*padding-top: 1px;*/
}

/*.data-table {*/
/*    max-width: 100%;*/
/*    width: 100%;*/
/*    border-collapse: collapse;*/
/*}*/

/*.data-table thead {*/
/*    background-color: lightblue;*/
/*    font-weight: bold;*/
/*}*/

/*.data-table tbody {*/
/*    visibility: collapse;*/
/*}*/

/*.data-table-body {*/
/*    max-width: 100%;*/
/*    max-height: 100%;*/
/*    width: 100%;*/
/*    overflow: auto;*/
/*    border-collapse: collapse;*/
/*}*/

/*.data-table-body thead {*/
/*    background-color: lightblue;*/
/*    !*font-weight: bold;*!*/
/*    visibility: collapse;*/
/*}*/