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

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

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

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