Кто-нибудь знает, что я могу сделать работу min-height с последними браузерами? Я использую таблицы CSS и, кажется, игнорирует минимальную высоту.
<div style="background-color: red; display: table; min-height: 100px;">
abc
</div>
Отображение CSS: таблица min-height не работает
Ответ 1
При использовании таблиц высота по существу минимальна, так как таблицы всегда растягиваются. Просто избавьтесь от "min-", и он будет работать так, как вы ожидаете.
Ответ 2
Используйте height: 1px; в таблице или любое значение. В основном вам нужно придать таблице некоторую высоту, чтобы она работала с min-height. Только min-height не будет работать с таблицами в firefox.
Ответ 3
Всякий раз, когда вы используете display:table; или любое более глубокое свойство, например display:table-cell;, используйте height вместо min-height. Как и в таблицах height = min-height с учетом функции автоматического пролета в них.