Практика разработки Web-страниц

         

Position, top, и left


Параметр position заставляет элемент, такой как рисунок или блок <DIV>, переместиться с места, изначально занимаемого на странице. Установите position как absolute, чтобы установить элемент на определенном расстоянии от левого и верхнего краев страницы, закрывая пространство, которое он занял бы в другом случае.

Укажите position как relative, чтобы разрешить позиционирование объекта, оставляя открытым пространство, которое он занял бы в другом случае.

Параметры для top и left могут быть положительными (для движения вниз и вправо) или отрицательными (для движения вверх и налево).

Абсолютное позиционирование обычно связано с верхним левым углом страницы, но вы также можете установить его относительно других элементов. Например, если вы устанавливате position как relative к блоку <DIV>, абсолютное размещение в этом блоке будет связано с его левым верхним углом.

Абсолютное позиционирование удобно в DHTML-программировании, где вы определяете объекты на вашей странице, а затем устанавливаете расположение, содержимое и видимость, используя JavaScript.

Пример

<div style= "position:absolute;top:0;left:200"> <img src=spaceship.gif> </div>

Левый край рисунка отстоит на 200 пикселов от левого края окна, и рисунок касается верхнего поля

The word <span style= "position:relative;top:-8;">higher </span>is higher than the others

Слово higher выше, чем остальные



Содержание раздела