Как сделать блок на всю ширину экрана, если у родителя position relative?

Question

[Nick Bukovskiy]

Есть 2 дива:
у родителя position relative и width 60%
а наследник должен при position absolute быть на всю ширину. Я пробовал 100vw но из за того, что родитель находится по центру, а не сбоку - такой вариант не совсем работает

https://jsfiddle.net/wqc76hmd/1/
https://jsfiddle.net/wqc76hmd/2/

Может как то использовать JS..

Answer 1

[Andrew]

.child {
height: 300px;width: 100vw; background-color: tomato; 
position: fixed; 
left: 0;
}

Comments

[Nick Bukovskiy]

В принципе вариант. Спасибо за ваше решение

Answer 2

[NaN]

Вы уверены что у вас выстроена верная структура? Может стоит пересмотреть и тогда будет легко понять, как сделать то, что нужно.

Comments

[Nick Bukovskiy]

Я бы с радостью это всё переделал. Но нужно просто "доделать" быстро то, что есть