• Теория
  • Теория

position: relative и свойство left

Вы заметили, что когда мы сместили блок вниз, нижележащие блоки не сдвинулись?

Это происходит потому, что относительно спозиционированный элемент на самом деле никуда не смещается. Он остаётся в потоке ровно там же, где и был (это место обозначено блоком-тенью). А смещается иллюзорная копия блока.

Свойство left позволяет сместить блок влево или вправо относительно исходного положения.

В этом задании вы не только сместите блок по горизонтали, но и убедитесь в том, что он остался в потоке, увеличив его высоту. При этом нижний блок должен будет сместиться.

Хорошо владеете JavaScript, но до сих пор не освоили Node.js? Записывайтесь на профессиональный курс «Node.js. Профессиональная разработка REST API». Цена 12 000 ₽.

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Позиционирование» тренажёра «Боксовая модель и позиционирование» можно после регистрации и оформления подписки.