Позиционирование элементов. Position: Relative. position: relative - элемент перемещается относительно своего начального положения c помощью свойств top, left, bottom, right. Место, которое он занимал - сохраняется. Соседние элементы не сдвигаются. Учитывается свойство z-index. Элемент перекроет блоки, у которых position: static и блок с position: absolut без z-index, если расположен после него.
Если указано свойство top, то bottom игнорируется. Если указано свойство left, то right игнорируется.
Отступы в процентах пропускают родителя. Процентные значения вертикальных отступов рассчитываются от высоты родительского блока, у которого свойства display не равно “Inline”. Процентные значения горизонтальных отступов от ширины родительского блока, у которого значение свойства display не равно “Inline”.
Чтобы указать родительский блок для элемента с position: absolut, присвойте родителю position: relative. #css
Верстка и Дизайн
CSS- коротко о главном.
Позиционирование элементов.
Position: Relative.
position: relative - элемент перемещается относительно своего начального положения c помощью свойств top, left, bottom, right. Место, которое он занимал - сохраняется. Соседние элементы не сдвигаются. Учитывается свойство z-index.
Элемент перекроет блоки, у которых position: static и блок с position: absolut без z-index, если расположен после него.
Отступы в процентах пропускают родителя. Процентные значения вертикальных отступов рассчитываются от высоты родительского блока, у которого свойства display не равно “Inline”. Процентные значения горизонтальных отступов от ширины родительского блока, у которого значение свойства display не равно “Inline”.
Чтобы указать родительский блок для элемента с position: absolut, присвойте родителю position: relative.
#css