|
Чтобы этого не произошло, можно добавить overflow: auto к стилю элемента.
Синтаксис
height: значение | проценты | auto | inherit
Значения
В качестве значений принимаются любые единицы длины, принятые в CSS — например,
пикселы (px),
дюймы (in), пункты (pt) и др. При использовании процентной записи высота
элемента вычисляется в
зависимости от высоты родительского элемента. Если родитель явно не указан, то
в его качестве выступает
окно браузера. auto устанавливает высоту исходя из содержимого элемента
Пример
height
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh
euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
Результат данного примера показан ни рис. 1.
Internet Explorer Netscape Opera Safari Firefox
6.0 7.0 8.0 8.0 9.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Ошибки Частично Да Да Да Да Да Да Да Да Да Да Да Да
CSS CSS1
Значение по умолчанию auto
Наследуется Нет
Применяется К блочным элементам
Аналог HTML
Ссылка на спецификацию http://www.w3.org/TR/CSS21/visudet.html#propdef-height
HTML 4.01 CSS 2.1 IE 6 IE 7 IE 8 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0
Рис. 1. Применение свойства height
Объектная модель
[window.]document.getElementById("elementID").style.height
Браузеры
Браузер Internet Explorer 6 некорректно определяет height как min-height. В
режиме несовместимости (quirk
mode) Internet Explorer до версии 8.0 включительно неправильно вычисляет высоту
элемента, не добавляя к
ней значение отступов, полей и границ.
Internet Explorer до седьмой версии включительно не поддерживает значение
inherit.
hover
Краткая информация
Описание
Определяет стиль элемента при наведении на него курсора мыши, но при этом
элемент еще не
активирован, иными словами кнопка мыши не нажата.
Синтаксис
E:hover { ... }
Здесь E имя селектора. Если селектор не указан, то hover применяется ко всем
элементам документа.
Значения
Нет.
Пример 1
link
|