Есть сайт, он max-width: 1920px, контент на нём max-width: 1200px.
На этом сайте есть блок, контент у которого 1200px и (!) ему нужно запилить 3 картинки в виде свг(через соответствующий тэг) как бэкграунд (поверх него располагается контент), ширина этого бэкграунда 1920px.
Я сделал следующее для бэкграунда:
<section>
<div class="content">.......</div>
<div class="background_imgs">
<div class="background_imgs-img">
////svg
</div>
<div class="background_imgs-img">
////svg
</div>
<div class="background_imgs-img">
////svg
</div>
</div>
section {position:relative; width: 1920px}
.content {width:1200px}
.background_imgs {position: absolute; width: 1920px}
Вопрос, как можно сделать так, что бы .background_imgs показывал контент, на ширине экрана к примеру 1300, шириной в 1300пкс и при этом его широкие бока заходили за границы страницы, с каждой стороны одинаково? 310px | 1300px | 310px . 1300 видимый контент