Отображение CSS: таблица min-height не работает

Кто-нибудь знает, что я могу сделать работу min-height с последними браузерами? Я использую таблицы CSS и, кажется, игнорирует минимальную высоту.

<div style="background-color: red; display: table; min-height: 100px;">
abc
</div>

Fiddle

Ответы

Ответ 1

При использовании таблиц высота по существу минимальна, так как таблицы всегда растягиваются. Просто избавьтесь от "min-", и он будет работать так, как вы ожидаете.

Ответ 2

Используйте height: 1px; в таблице или любое значение. В основном вам нужно придать таблице некоторую высоту, чтобы она работала с min-height. Только min-height не будет работать с таблицами в firefox.

Ответ 3

Всякий раз, когда вы используете display:table; или любое более глубокое свойство, например display:table-cell;, используйте height вместо min-height. Как и в таблицах height = min-height с учетом функции автоматического пролета в них.