Nf~ttd <dlv>
AЬsolutely posttioned <div>
Left: Sem
••mtЧtiФtiФ'ШШШiii1111
Absolutely positioned <div>
Тор: Sem
Left: Sem
Right: 5em
Bottom: О
Рмс. 13.4. Вы можете разместить элемент относительно окна брауэера (вверху)
Или относительно позиционированного предка (внизу)
Когда и где испопьэовать относительное
Nозиционирование
Вы получаете существенную выгоду, размещая элемент относительно другого теrа:
Если этот тег nередвигается, позиционированный элемент передвигается вместе
с ним. Скажем, вы оnределили изображение внутри тега <hl> и хотите, чтобы оно
Появилось в правой части заголовка. Если вы просто поместите изображение в конкретном
Месте в окне браузера в левой части заголовка, то рискуете потерять его
Из виду. Если заголовок будет nеремещен, абсолютно расnоложенное изображение
останется «приклеенным>) к назначенному ему месту. Вместо этого лучше определить
изображение относительно тега <hl> так, что, когда заголовок будет перемещен,
Изображение переместится вместе с ним (две веб-страницы внизу рис. 13.5).
Как работают свойства поэиционирования
• 111101 IYIII .. IICI
•• .Jo- .. - -- --·--- -·· ··- ~-~---- ------ - -- ·--·---·- · - - · -· · - •
T.orem lpsum dolor slt amet, consectetuer edlpls.clng ellt. sed
dlem nonummy nibh eulsmod tlncldunt ut l~otнt ctotore fna9na
111llquem er1t volvtpat. Ut wltt entm a<l mintm venl•m. quls
