Как в каскаде css переопределить блок, чтобы он был 100%, если в main есть класс центровки?

Question

[tigranhamster]

Main содержит класс .центровщик . Имеется блок который находится внутри main, но задний фон которого должен быть на всю ширину. Как в каскаде переопределить блок, чтобы ширина блока стала 100% от ширины экрана.
центровщик-

.container {
  width: 940px;
  margin: 0 auto;
  padding: 0 10px;
}
<img src="https://habrastorage.org/webt/5e/ac/5e/5eac5ee1d63b0829723197.png" alt="image"/>

Comments

[Rustam Bainazarov]

Задать ему width: 100vw.

[tigranhamster]

Рустам Байназаров, блок съехал в сторону, но все вернул на место. Спасибо!

Answer 1

[shsv382]

Задай блоку position: absolute, при этом у main position НЕ ЗАДАВАЙ, таким образом блок будет абсолютно позиционирован относительно body

Comments

[tigranhamster]

Так он же с потока выпадет!

[shsv382]

tigranhamster, тогда JavaScript в помощь!