Как выйти за пределы div content?

Question

[Николай]

Предположим что рамка на фото это div content размером 960px;
Как сделать что бы други блоки растягивались на 100% ширины сайта а контент внутри блока
оставался заданной ширине div content размером 960px

Comments

[Ярослав Иванов]

div content задать 960px;
В чем вопрос-то ?

[Николай]

Ярослав Иванов, вопрос в том что не что бы задать размер контента. Он задан.
Вопрос заключается чтобы див блоки растягивались на всю ширину сайта и выходили за див контент.
а информация типо картинки и текст оставались в ширине 960

[Ярослав Иванов]

Николай, position: absolute или отрицательные маржины.

Answer 1

[Святослав]

Можешь задать блоку такой стиль:

.inner {
    margin-left: calc(-50vw + 50%);
    width: 100vw;
}

Тогда внутренний блок растянется на всю ширину страницы, от этого можешь оттолкнуться и сделать нужную тебе ширину.
Внутри этого блока сделаешь еще один, и просто там
margin: 0 auto
отцентрируешь контент

Answer 2

[Mark]

Зеленому блоку задайте z-index и сделайте ширину больше чем у content

Answer 3

[ilanagrk]

Например так:

<div class="content">Начало контента</div>
<div class="full-wigth">
    <div class="content">Здесь будет текст на зеленом фоне</div>
</div>
<div class="content">Контент продолжается</div>