Краткая информация
ОписаниеЗадает высоту блочных или заменяемых элементов (к ним, например, относится тег <IMG>). В высоту не включается толщина границ вокруг элемента, значение отступов и полей. Браузеры по-разному реагируют на настройки высоты элемента. Если его содержимое превышает указанную высоту, то Internet Explorer и Opera проигнорируют значение параметра height и автоматически подстроят высоту под контент. Браузер Netscape (а также Mozilla и Firefox) оставит высоту элемента неизменной, а содержимое будет отображаться поверх него. Из-за этой особенности может получиться наложение содержимого элементов друг на друга, когда элементы в коде HTML они идут последовательно. Чтобы этого не произошло, можно добавить свойство overflow: auto к стилю элемента. Синтаксисheight: значение | проценты | auto
АргументыВ качестве значений принимаются любые единицы длины, принятые в CSS - например, пикселы (px), дюймы (in), пункты (pt) и др. При использовании процентной записи высота элемента вычисляется в зависимости от высоты родительского элемента. Если родитель явно не указан, то в его качестве выступает окно браузера. Аргумент auto задает высоту исходя из содержимого элемента Пример
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>height</title> <style type="text/css"> .layer { height: 50px; /* Высота блока */ width: 150px; /* Ширина блока */ overflow: scroll; /* Добавляем полосы прокрутки */ background: #fe2; /* Цвет фона */ padding: 7px; /* Поля вокруг текста */ border: 1px solid #333; /* Параметры рамки */ } </style> </head> <body> <div class="layer"> Текст текст текст текст текст текст , consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. </div> </body> </html> | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Просмотров: 294 | Теги: | Рейтинг: 0.0/0 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Всего комментариев: 0 | |