height: 100% for inside with display: table-cell

Question

Here is 2 column markup using display: table and display: table-cell CSS declarations:

相关标签:

Answer 1

Define your .table and .cell height:100%;

    .table {
        display: table;
        height:100%;
    }

    .cell {
        border: 1px solid black;
        display: table-cell;
        vertical-align:top;
height: 100%;

    }

    .container {
        height: 100%;
        border: 10px solid green;

    }

Demo