Веб-разработка, логотип Eqsash

Управление позицией элемента на странице, CSS-свойство position

Для того, чтобы разместить элемент на странице, необходимо указать его координаты, то есть задать позицию. Координаты могут задаваться различными способами, относительно того или иного объекта. В CSS для этого есть специальное свойство – position. Оно предназначено для установки способа позиционирования элемента относительно чего-либо, например, окна браузера или прочих объектов на странице.

css-position-values

Какие значения есть у свойства position? Перечислим ниже:

Как видно, если использовать некоторые значения position, тогда необходимо применять специальные свойства для смены позиции элемента: left, top, right, bottom. Значения для этих свойств задаются обычно в пикселях – px. Это необходимо для следующих значений: absolute, fixed, relative, sticky. В других случаях для позиционирования элемента следует использовать свойства семейства margin.

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

Оставить заявку

Последние статьи

Популярные разделы