How to specify the unit that is in a container the width of the whole screen?

There is a block which lies in the container and therefore the container set the padding on the sides,because of this, I can't ask my unit width over the whole screen,how can I do that?and I need only the background of my unit was the entire width of the screen,and the content does not go beyond the container
June 27th 19 at 15:27
3 answers
June 27th 19 at 15:29
Solution
So codepen.io/AXP/pen/WpqrjG

.full {
 width: 100vw;
 position: relative;
 margin-left: -50vw;
 left: 50%;
 margin-bottom: 30px;
}

The adaptability will remain

True for everything except IE > 9 then look
June 27th 19 at 15:31
Solution
https://codepen.io/STutukov/pen/RpzrMb
position:relative;
&:before,
&:after{
content:";
 position: absolute;
background:inherit;
 display: block;
top:0;
 bottom: 0;
 width: 100%;
}
&:before{
 right: 100%;
}
&:after{
 left: 100%;
 }
odd tin of some sort ,why that syntax? - kristian.Schul commented on June 27th 19 at 15:34
not quite understand what you mean?
I think here you can only find fault with width :100%
But you can write width:calc((100vw - container width)/2), as desired.
But I see that you mentioned another solution, which contradicts the subject ( the background was outside, and the contents did not come out). Moreover, the decision in old browsers not working as specified. - Elza44 commented on June 27th 19 at 15:37
June 27th 19 at 15:33
well, maybe the stripped container.
<section>
 <div class="container">
111
</div>
</section>
<section>
 <div class="container">
111
</div>
</section>
<section>
 <div class="container">
111
</div>
</section>

Find more questions by tags HTMLCSS