Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30


Чувашия-это моя Россия

Относительное позиционирование в CSS.

Относительное позиционирование при свободном размещении элементов работает иначе, нежели абсолютное и фиксированное позиционирования. Большое различие в том, что, хотя элемент перемещается, пространство, в котором он разместился бы при нормальном расположении, сохраняется и продолжает влиять на элементы из окружения. Относительно позиционируемые элементы отличаются следующим:

• Описанием вида в CSS { position: relative; }.

• Позиционированием относительно своего исходного положения в нормальном потоке с учетом одного или нескольких задающих сдвиг свойств ( top, right, bottom, left). He заданные явным образом свойства приобретают значение ( по умолчанию) auto.

• Сохранением исходного пространства в потоке содержимого документа за самим элементом.

• Возможностью перекрытия других элементов при размещении.

При относительном позиционировании элемента свойства top, right, bottom и left смещают элемент относительно его исходного положения. При этом положительные значения top сдвигают элемент вниз, такие же значения left сдвигают элемент вправо (на данное расстояние) и т. д. При появлении недопустимых значений спецификация CSS рекомендует проигнорировать свойство right (для языков, где пишут слева направо; в остальных случаях - проигнорировать left), приняв его равным значению left. При выявлении конфликта между bottom и top значение первого игнорируется и назначается равным второму с противоположным знаком. Тем самым «излишне определенное» стилевое правило вида:

                          em {
                             top: 10;
                             bottom: 50; 
                             left: 50;
                             right -4;
                             } 
                             
                  будет трактоваться, как будто было задано так: 
                  
                          em {
                             top: 10;
                             bottom: -10;
                             left: 50; 
                             right: -50;
                             }

Относительным позиционированием нередко пользуются как средством формирования охватывающих блоков, определяя позицию элемента как relative, но оставляя его на месте. В итоге потомки данного элемента могут позиционироваться с учетом созданного этим элементом прямоугольника по схеме абсолютного размещения.


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: