CSS позиционирование

Цикл статей «CSS учебник».

Следующая статья — «CSS выравнивание».
Предыдущая статья — «CSS отображение и скрытие, блочные и строчные элементы».

За размещение элементов на странице отвечают шесть свойств: position, left, top, right, bottom и z-index.

Свойство position  указывает тип позиционирования. Читать далее CSS позиционирование


CSS z-index

Когда несколько элементов перекрывают друг друга на странице, то один из них оказывается выше других и перекрывает часть других элементов. С помощью свойства z-index  можно указать, какой элемент должен перекрывать какие другие элементы. Это свойство работает только для элементов, у которых свойство position установлено в relative, absolute  или fixed. Читать далее CSS z-index


CSS bottom

Свойство bottom задаёт расстояние от нижнего края элемента до нижнего края родительского элемента или нижнего края окна в зависимости от значения свойства position. Читать далее CSS bottom


CSS right

Свойство right задаёт расстояние от правого края элемента до правого края родительского элемента или правого края окна в зависимости от значения свойства position. Читать далее CSS right


CSS top

Свойство top задаёт расстояние от верхнего края элемента до верхнего края родительского элемента или верхнего края окна в зависимости от значения свойства position. Читать далее CSS top


CSS left

Свойство left  задаёт расположение левой границы элемента относительно левой границы родительского элемента или левой границы окна в зависимости от значения свойства position. Читать далее CSS left