Минимальная высота – это то, что задаёт свойство min-height, определяя минимум пространства под ваш контент. Это гарантирует, что элемент всегда будет хотя бы такой высоты. Обратите внимание, как рассчитывается минимальная высота элемента:
min-height + padding (верхний и нижний) + border (ширина рамки)
То есть, если вы укажете min-height: 500px, padding: 5px и border: 1px, итоговая минимальная высота составит ровно 512px. Важно отметить: Свойство min-height работает только с блочными элементами. | Значение по умолчанию: | 0 | | Наследуется: | нет | | Версия: | CSS2 | | Синтаксис JavaScript: | object.style.minHeight="10px" | | Значение | Описание | | размер | Определяет минимальную высоту в единицах измерения CSS. | | % | Минимальная высота указывается в процентах и вычисляется относительно высоты родительского элемента. | | inherit | Указывает, что значение наследуется от родительского элемента. | Пример html head style p { min-height: 100px; background-color: yellow; } /style /head body pМинимальная высота элемента 100px./p /body /html В примере выше элемент <p> гарантирует минимум 100 пикселей, а желтый фон делает эту область сразу заметной!
|