Помогите пожалуйста решить проблему. Всегда ненавидел эту поганую горизонтальную прокрутку которая своим видом еще более уродует дизайн сайта чем вертикальная. Но у меня никак не получается её убрать из за того что я делаю div 100% с внутренними отступами по 50px. И такая ерунда на всех сайтах которые я делаю с 100% шириной экрана.
Почему так происходит? Как мне можно исправить ситуацию? Внутри находятся элементы галереи. Я не могу задать каждому элементу отступ по 50рх слева, только лишь для того чтобы они отступали от div. Буду рад любой помощи.
Вот код css:
#container{
position:relative;
width:100%;
margin-top:160px;
height:auto;
}
Это html:
<body>
<div id="container">
<div class="box size23"><div class="bg-img img-2"></div></div>
<div class="box size21"><div class="bg-img img-3"></div></div>
<div class="box size13"><div class="bg-img img-4"></div></div>
<div class="box size23"><div class="bg-img img-5"></div></div>
<div class="box size11"><div class="bg-img img-8"></div></div>
<div class="box size12"><div class="bg-img img-7"></div></div>
<div class="box size21"><div class="bg-img img-6"></div></div>
<div class="box size11"><div class="bg-img img-9"></div></div>
<div class="box size31"><div class="bg-img img-1"></div></div>
<div class="box size22"><div class="bg-img img-10"></div></div>
<div class="box size11"><div class="bg-img img-11"></div></div>
<div class="box size21"><div class="bg-img img-13"></div></div>
</div>
</body>
Простой
Простой