CSS display: table min-height not working

Use height: 1px; on the table or any value. Basically you need to give table some height to make it work with min-height. Having only min-height won't work on tables on firefox.


When using tables, height essentially is min-height, as tables always stretch. Just get rid of the "min-" and it will work as you expect.


Solution for Firefox

Add height to unlock setting the min-height

div {
    display: table;
    width: 100%;
    height: 0;
    min-height: 100px;
}

The number in height can be any other real value less or equal to min-height for making it work as expected.

Tags:

Css