div height:100%; not working with display:table-cell;

Question

My code was working when

<         


        

Answer 1

Having div.table > div.table-row > table.table-cell with height of its container is a bit tricky thing. One of the easiest way is that you can add

.table {
    position: absolute;
}

in this case if you will add

.table {
    height: 100%;
}

That will fit its parent height.