Как растянуть дочерний div за пределы родительского div?

Question

HolmesInc @HolmesInc

CSS

Как растянуть дочерний div за пределы родительского div?

Добрый день! при верстке макета уперся в такую проблему: необходимо, что бы дочерний div растянулся на всю длину экрана(за пределы родительского div). При этом можно использовать только css. Пробовал это реализовать с помощью отрицательного margin-left + width в px, но проблема в том, что этот блок должен оставаться динамичным, то есть при уменьшении диагонали экрана, он то же должен уменьшаться. Возможно ли это вообще реализовать так?

Вопрос задан более трёх лет назад
3329 просмотров

Комментировать

Подписаться 2 Оценить Комментировать

Answer 1 · 2015-08-03 12:50:13

Примерно так можно, с помощью vw: jsfiddle.net/IonDen/64o1hehz

.parent {
    position: relative;
    width: 200px;
    height: 300px;
    background: #000;
    margin: 0 auto;
}

.child {
    position: absolute;
    top: 50px; left: 50%;
    width: 100vw; margin-left: -50vw;
    height: 100px;
    background: #f00;
}

Как растянуть дочерний div за пределы родительского div?

Войдите на сайт