CSS. Каскадные таблицы стилей. Подробное руководство.Символ-Плюс 2008

Рис> 10.27. Позиционирование элемента вне блока-контейнера

Ширина и высота

Нередко при задании месторасположения элемента требуется объявить, насколько высоким и широким он должен быть. Кроме того, в определенных ситуациях нужно задать ограничения на высоту и ширину элемента; при этом стоит помнить, что когда вы предоставляете все решать броузеру, то он автоматически вычисляет ширину, высоту или оба этих параметра.

Задание ширины и высоты

Если необходимо задать ширину позиционированного элемента, очевидно, надо использовать свойство width. Аналогично свойство height позволяет объявить высоту позиционированного элемента.

Однако задавать ширину и высоту элемента при позиционировании элементов не всегда необходимо. Так, если размещение четырех сторон элемента описывается свойствами top, right, bottom и left, то высота и ширина элемента неявно определяются смещениями. Предположим, абсолютно позиционированный элемент должен заполнить левую половину своего блока-контейнера сверху донизу. Ниже приводятся возможные значения, результат представлен на рис. 10-28:

top; 0; bottom:0; left:0; right:50%;

По умолчанию для свойств width и height устанавливается значение auto, поэтому результат, показанный на рис, 10.28, будет точно таким же, как и при задании следующих значений;

top:0; bottom:0; left:0; right:50%; width:50%; height:100%;

Присутствие width и height в этом примере ничего не добавляет к компоновке этого элемента.