CSS - как переполниться с div на полную ширину экрана

У меня есть содержащий DIV, который я использую как часть моей адаптивной сетки. Он расширяется до максимальной разрешенной ширины, которая составляет 1280 пикселей, тогда поля появляются для больших устройств. Вот мой CSS + немного меньше.

.container
{
    margin-left:auto;
    margin-right:auto;
    max-width:1280px;
    padding:0 30px;
    width:100%;

    &:extend(.clearfix all);
}

Однако в некоторых случаях я хотел бы переполниться вбок - скажем, у меня есть фоновое изображение или цвет, который должен быть полной ширины. Я не очень хорош в CSS - но возможно ли достичь того, чего я хочу?

Ответы на вопрос(3)

Ваш ответ на вопрос