CSS - как переполниться с div на полную ширину экрана
У меня есть содержащий DIV, который я использую как часть моей адаптивной сетки. Он расширяется до максимальной разрешенной ширины, которая составляет 1280 пикселей, тогда поля появляются для больших устройств. Вот мой CSS + немного меньше.
.container
{
margin-left:auto;
margin-right:auto;
max-width:1280px;
padding:0 30px;
width:100%;
&:extend(.clearfix all);
}
Однако в некоторых случаях я хотел бы переполниться вбок - скажем, у меня есть фоновое изображение или цвет, который должен быть полной ширины. Я не очень хорош в CSS - но возможно ли достичь того, чего я хочу?