Как растянуть дочерний блок на всю ширину браузера?

Question

[techprog_sch10]

Доброго дня всем!
Столкнулся с такой задачей: каким образом можно растянуть дочерний блок (child) на всю ширину браузера, при условии что родительский блок имеет ограничения по ширине?

<div class="wrapper">
    <div class="child"></div>
</div>

Есть ли какие-то современные решения такой задачи без вреда для адаптивности?

Answer 1

[Вадим Кот]

https://codepen.io/web-tech/pen/eoYqbe

Answer 2

[Полина Емельянова]

Ну, например Так - https://codepen.io/emelyanova/pen/ZXzYgr
Или так - https://codepen.io/emelyanova/pen/PJwJOw