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

Абсолютное позиционирование позволяет поместить элемент на странице произвольным образом. Абсолютно позиционированные элементы могут перекрывать ранее расположенные элементы. Для того чтобы определить точку отсчета расположения абсолютно позиционированного элемента, следует найти его родителя. Если родителем является элемент <body>, тело документа является тем элементом, относительно которого позиционируется рассматриваемый элемент. Если изменить размеры браузера, абсолютно позиционированный элемент может оказаться за границами окна и стать невидимым, т. к. изменение размеров браузера не изменит положение абсолютно позиционированного элемента.

Если значение параметра top не задано, верхний край элемента выравнивается по верхнему краю родителя. Если значения top и left установлены, они определяют смещение элемента относительно начала позиционирования элемента родителя. Свойство pixelLeft определяет и возвращает значение left в пикселах в виде числа, а не в виде строки.

Листинг:

<html>

Первый элемент

Второй элемент

Третий элемент

</html>