Каков наилучший и правильный способ для кросс-браузерной минимальной высоты?

Question

для #main-content

Я не хочу давать фиксированную высоту, потому что контент может быть длинным и коротким, но если контент короткий, то он должен иметь минимальную высоту 500px.

Мне нужна совместимость во всех браузерах.

Является ли they любой w3c действительным и кроссбраузерным способом без использования! Важный, потому что я прочитал! Важный не должен использоваться

В заключение, не используйте ! важное заявление, если вы не сначала попробовал все остальное, и продолжаю Имеются в виду любые недостатки. Если вы используете это, вероятно, имело бы смысл, если возможно, оставить комментарий в своем CSS рядом с любыми стилями, которые в настоящее время переопределено, чтобы обеспечить лучший код ремонтопригодность.

Я пытался охватить все значительным в отношении использования ! важное объявление, поэтому, пожалуйста предложить комментарии, если вы думаете, что есть все, что я пропустил, или если я что-то искажено, и я буду счастлив внести необходимые исправления.

http://www.impressivewebs.com/everything-you-need-to-know-about-the-important-css-declaration/

Answer 1

min-height поддерживается во всех основных браузерах, кроме IE6 (см. QuirksMode ).

В IE6 элемент будет расширяться, чтобы содержать его содержимое, даже если он имеет фиксированную высоту; высота в IE6 в действительности минимальная высота.

Таким образом, кросс-браузерная декларация минимальной высоты будет:

#main-content {
    min-height: 500px;
}
* html #main-content { /* target IE6 */
    height: 500px;
}

Answer 2

Вот один из них:

#main-content {  
    min-height:500px;  
    height:auto !important;  
    height:500px;  
}  

Также смотрите это для IE:

Кросс-браузер CSS Мин. Высота

Answer 3

минимальная высота: 100 пикселей; / * устанавливает значение минимальной высоты для всех совместимых со стандартами браузеров * /

min-height не работает для IE, поэтому вы можете использовать: -

height: expression (this.scrollHeight <100? "100px": "auto"); / * устанавливает минимальную высоту для IE * / </p>