Выход блока из ограничивающего контейнера?

Question

[Алексей Каратеев]

Всем привет! Сейчас часто встречаются дизайны сайтов, где какой-нибудь блок выходит за ограничивающий контейнер.
Например:

В связи с этим вопрос: какие методы реализации этого есть?

Comments

[Ankhena]

какие методы реализации этого есть?

Весь простор CSS свойств

- Не складывать эти блоки в контейнер.
- Псевдоэлементы с фоном выходящим за край родителя
- Гадиенты
- Гриды
- Абсолюты
- calc

Что-нибудь ещё, о чем я забыла

Answer 1

[Alex_mos]

position: absolute;

Comments

[Антон Антон]

при этом не забыть у родительского блока сделать position: relative

[Ankhena]

Антон Антон, а лучше у того, относительного кого позиционирование.

[Антон Антон]

Ankhena, я тут прикинул: на самом деле у самого "сдвигаемого элемента" достаточно.

Answer 2

[Антон Антон]

один блок с relative: https://jsfiddle.net/bn6fL57g/