Top: SOpx right: 100рх
Рис. 13.2. Польза абсолютного расnоложения состоит в возможности nоместить элемент
Относительно nравого края окна браузера (посередине). Если ширина окна изменится,
Расстояние от nравого края окна до nравого края элемента останется неизменным (внизу)
Рассмотрим другой пример: поместим элемент таким образом, чтобы он всегда
Оставался на фиксированном расстоянии от правой стороны браузера. Когда вы
Как работают свойства позиционирования 381
Используете свойство ri ght, браузер измеряет расстояние от правого края окна до
Правого края элемента (см. рис. 13.2, посередине). Чтобы поместить баннер на расстоянии
Пикселов от правого края окна, вы создадите тот же самый стиль, что
и ранее, но просто измените 1 eft на ri ght:
#Ьanner {
position: abso1ute:
right: lOOpx;
top: 50рх:
width: 760рх:
Поскольку рассчитываемая позиция основывается на правой стороне окна, pery
Лирование его размера автоматически меняет расположение баннера, что вы можете
Видеть на рис. 13.2, внизу. Хоть баннер и перемещается, расстояние от правой
Стороны элемента до правого края окна браузера остается неизменным.
Формально вы можете указать свойства для левой и правой позиций, а также
Для верхней и нижней и позволить браузеру определить ширину и высоту элемента.
