Почему относительно позиционированный блок перекрывает абсолютно позиционированный блок?

Question

[Ivanushka255]

Предполагалось, что так как элемент с position: realtive не выпадает из потока всего документа, то он будет вести себя как обычный элемент со страницы. Но это не так.
Вот, к примеру у меня абсолютно позиционированный блок и обычный элемент р (position: static).

И вот абсолютно позиционированный блок и относительно позиционированный блок. Второй блок перекрывает первый.


В инете перечитал много инфы, там в основном рассматриваются какие-то совсем простые примеры по этой теме.

Comments

[Ankhena]

Читайте https://html5book.ru/css-position/#stacking%20context

[Dima Polos]

https://developer.mozilla.org/ru/docs/Web/CSS/CSS_...

[Ivanushka255]

Спасибо, ребят, разобрался

Answer 1

[Dima Polos]

Контекст наложения. Почитайте про это. Он же работает с трансформациями и прозрачностью.