Установить высоту двух элементов <div>:
div.a {
height: auto;
border:
1px solid black;
}
div.b {
height: 50px;
border: 1px solid black;
}
Попробуйте сами »
Определение height
CSS свойство height задает высоту элемента.
Высота элемента не включает padding, border или margin!
Если CSS свойство height: auto; автоматически отрегулирует свою высоту, чтобы его содержимое отображалось корректно.
Если CSS свойство height устанавливается числовое значение (например, пиксели, (r)em, проценты), тогда, если содержимое не помещается в пределах указанной высоты, оно будет переполнено. Как контейнер будет обрабатывать переполненное содержимое, определяется свойством overflow.
Примечание: CSS свойство min-height и max-height переопределяет свойство height.
| Значение по умолчанию: | auto |
|---|---|
| Унаследовано: | no |
| Анимируемый: | yes. Читайте о animatable Попробуй |
| Версия: | CSS1 |
| JavaScript синтаксис: | object.style.height="500px" Попробуй |
Поддержка height
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает это свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| height | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
Синтаксис height
height: auto|length|initial|inherit;
Значения height
| Значение | Описание | Демонстрация |
|---|---|---|
| auto | Браузер вычисляет высоту. Это значение по умолчанию | Демо ❯ |
| length | Определяет высоту в px, cm и т.д. Читайте о единицы измерения длины | Демо ❯ |
| % | Определяет высоту содержащего блока в процентах | Демо ❯ |
| initial | Устанавливает для этого свойства значение по умолчанию. Читайте о initial | |
| inherit | Наследует это свойство от своего родительского элемента. Читайте о inherit |
Примеры height
Установить высота элемента должна составлять 50% от высоты родительского элемента:
#parent {
height: 100px;
}
#child {
height: 50%;
}
Попробуйте сами »
Страницы по теме height
CSS Учебник: CSS Высота и ширина
CSS Учебник: CSS Бокс модель
CSS Справочник: width свойство
HTML DOM справочник: height свойство