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

table{
   height:1px;
}

table > td{
   height:100%;
}

table > td > .inner{
   height:100%;
}

Confirmed working on:

• Chrome 60.0.3112.113, 63.0.3239.84
• Firefox 55.0.3, 57.0.1
• Internet Explorer 11