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

Повторение

display: block
display: inline
display: inline-block
display: none -!
блок по центру margin: 0 auto;

Домашнее задание

Как сделать блок в центре по вертикали? Несколько способов

Position

Позволяет позиционировать элементы
position: static не сдвигается
position: relative
position: absolute position: fixed
Позволяет сдвигать

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

position: relative;
получает свойства top, bottom, left, right
top: 20px; - вниз

Абсолютное позиционирование

position: absolute;
Выпадает из потока. Начинает позициониоваться относительно спозиционированного родителя. Становиться

Фисированное позиционирование

position: fixed
Позиционируется относительно window
При прокрутке страницы - фиксированный блок не

z-index

Работает с спозиционированными элементами.
Чем выше z-index, тем выше находиться элемент над

overflow

Отображение наполнения блока, если выходит за пределы элемента
overflow: visible -

box - sizing

Ширина/высота блока = width/height + margin + padding +