Позиционирование в css

 

mini_css

 

 – свойства которое определяет расчет позиции для бокса и может иметь следующие алгоритмы:

- static  - это позиция бокса по умалчиванию


- relative -  это относительное позиционирование , при задании параметров бокс будет изменять свое положение относительно первоначальной позиции


- absolute  - при этом задаются конкретные параметры бокса относительно основного (вложенный бокс будет занимать позицию внутри основного при его состоянии relative, при состоянии основного бокса static, а зависимого блока  absolute, последний можно разместить в любом месте страницы сайта)


- fixed -  свойства почти как у absolute, отличие состоит в том, что при прокрутке страницы сайта положение бокса не меняется то есть он фиксированный все время на месте

position

Устанавливает способ позиционирования элемента относительно окна браузера или других объектов на веб-странице.

Синтаксис
position: absolute | fixed | relative | static

Аргументы

absolute

Указывает, что элемент абсолютно позиционирован. В этом случае он не существует в обычном потоке документа подобно другим элементам, которые отображаются на веб-странице словно абсолютно позиционированного объекта и нет.
Положение элемента задается атрибутами left, top, right и bottom относительно края окна браузера.

fixed

По своим свойствам это значение аналогично аргументу absolute, но в отличие от него привязывается к указанной параметрами left, top, right и bottom точке на экране и не меняет своего положения даже при пролистывании веб-страницы. Браузеры Netscape, Mozilla и Firefox вообще не отображают полосы прокрутки, если положение элемента задано фиксированным, и оно не помещается целиком в окно браузера. В браузере Opera хотя и показываются полосы прокрутки, но они никак не влияют на позицию элемента. Internet Explorer 6 и ниже не поддерживает данный аргумент.

relative

Положение элемента устанавливается относительно его исходного места. Добавление атрибутов left, top, right и bottom изменяет позицию элемента и сдвигает его в ту или иную сторону от первоначального расположения, в зависимости от применяемого параметра.

static

Элементы отображаются как обычно. Использование параметров left, top, right и bottom не приводит к каким-либо результатам.

 inherit

наследование родительского класса.

Добавить комментарий


Защитный код
Обновить