Свойство min-height
Последнее обновление: 09.01.2011
Свойство min-height задает минимально возможную высоту для элемента. Т.е. если в элементе содержимое имеет высоту меньше min-height, тогда у блока будет высота равна min-height. Если же высота содержимого будет больше, тогда высота блока будет равна высоте содержимого.
Примечание: тут под содержимым понимается контентная часть + внутренние отступы (padding-top, padding-bottom) + толщина границ (border-top, border-bottom).
Допустимые значения
- — точное значение в единицах длины (px — пиксели, in — дюймы, cm — сантиметры, pt — пункты)
- — процент от размера элемента-родителя
- none — нет ограничений
- inherit — наследует значение от родителя
| Значение по умолчанию | 0 |
|---|---|
| Применимо | ко всем блочным элементам, а так же img и элементам таблиц (кроме colgroup и col) |
| Наследование | нет |
| Версия CSS | CSS 2 |
| Поддерживается браузерами |
|
Пример
p {
min-height: 20px;
}
Твой код:
Результат:
большой полигон
Заметки
- что делать с IE6, читай в статье «Min-height для IE6».
- min-height применяется когда необходимо прижать футер к низу
По теме
- Min-width и max-width одновременно для IE6
- Свойство height
- Свойство width
- Свойство min-width
- Свойство max-height
Показать комментарии