<div class="container">
<div class="non-container"></div>
</div>.container{
position:relative;
margin:auto;
width:100%;
padding:0 20px;
box-sizing:border-box;
max-width:1100px;
}
.non-container {
width: 100vw; /* 100% ширины вьюпорта */
position: relative; /*включаем left */
left: 50%; /* устанавливаем левый край non-container в центр container'a */
transform: translateX(-50%); /* двигаем non-container влево на 50% его ширины */
}
Простой
Простой
Средний
