2-qism css asoslari. Web-sahifani stillar yordamida formatash

Стaтическое позиционирование<^^>

Относительное позиционирование<^^>

Абсолютное позиционирование<^^>

Абсолютное позиционирование внутри родительского блока

top: 50px; left: 50px;

Фиксировaнное позиционировaние

Фиксировaнное позиционирование относительно нижней границы<^^>

Итак, на странице восемь блоков.

Блок div1 имеет абсолютное позиционирование и смещен на 900 px относи­тельно левой границы окна Web-браузера. Для блока также указана большая высота (2000 px). Это позволит увидеть эффект фиксированного позициони­рования для блоков div7 и div8, так как Web-браузер отобразит вертикаль­ную полосу прокрутки.
Блок div2 имеет статическое позиционирование, а блок div3 — относитель­ное. Блок div3 сдвинут на 30 px вниз относительно блока div2, а не от верх­ней границы окна Web-браузера.
Блоки div4, div5 и div6 имеют абсолютное позиционирование. Блок div4 сдвинут на 400 px относительно левой границы окна Web-браузера и на 30 px — относительно верхней. Внутри блока div5 расположен блок div6. Смещения этого блока отсчитываются относительно границ блока div5, а не границ окна Web-браузера.
Блоки div7 и div8 имеют фиксированное позиционирование. Блок div7 де­монстрирует возможность размещения панели навигации в определенном месте, а блок div8 — прикрепление блока к нижней границе окна Web-браузера. Чтобы увидеть отличие от других видов позиционирования пере­местите вертикальную полосу прокрутки вниз. Эти блоки всегда остаются на своих местах и не перемещаются при прокрутке. Однако не следует забывать, что Web-браузер Internet Explorer поддерживает атрибут fixed, начиная с версии 7.0.