CSS- коротко о главном.

Позиционирование элементов.
Position: Static.
В CSS существуют следующие типы позиционирования для элементов: Static, Relative, Absolute, Fixed, Sticky. Рассмотрим следующие из них.
position: static; – Обычное расположение элементов при вёрстке. У элементов с этим значением игнорируются следующие свойства: top, bottom, left, right, а также свойство z-index.
Управление смещением и накладыванием таких элементов возможно с помощью следующих свойств: margin, float, transform, grid-column, grid-row.
Уровень вложенности, следующий: потомок находится над предком. Однотипные элементы, у которых значение свойства display одинаково, по уровню вложенности будут вести себя именно так.
Однако если присвоить элементу контекст наложения, например opacity: .9, тогда этот элемент будет отображаться над элементами, у которых контекст наложения отсутствует.