Позиционирование элементов

Позиционированием называется положение элемента в системе координат. Различают несколько типов позиционирования: нормальное, относительное, абсолютное, фиксированное и приклеенное. В зависимости от типа, который устанавливается через свойство position, меняется и система координат.

Благодаря комбинации свойств position, left, top, right и bottom можно отображать элемент в точке с заданными координатами, фиксировать его в указанном месте, определять положение одного элемента относительно другого, управлять размерами и др. Подобно другим свойствам CSS управление позиционированием доступно через JavaScript. Таким образом, допустимо динамически изменять положение элементов без перезагрузки страницы, создавая анимацию и различные эффекты.

Свойство position не только устанавливает тип позиционирования, но и меняет поведение элемента, благодаря чему расширяется арсенал приёмов вёрстки.

Влад Мержевич

Веб-разработчик, автор нескольких книг, посвящённых созданию сайтов, HTML и CSS. Кандидат технических наук.