Создайте горизонтальную прокрутку div без указания определенной ширины?

Question

Im пытается создать горизонтальную галерею прокрутки, но я бы хотел избежать определения ширины в div. Кто-то еще прикасается к html - я хочу, чтобы она смогла зайти как можно больше li, не касаясь css и переопределяя ширину.

Сайт макета находится здесь: rachelbeen.com/Carmen.

Safari распознает, где заканчивается контент и останавливается горизонтальная прокрутка, но firefox поддерживает дополнительное пространство, определяемое шириной: 6600 пикселей; на #gallery ul. Как я могу прекратить это?

Хотелось бы избежать плагинов, если это возможно, и использовать только CSS.

Спасибо,

Рэйчел

Answer 1

У меня была такая же проблема, и я попытался это:

#full{margin:0 auto; overflow:auto; height:100%; width:1050px;} 
// width is just for controlling the viewport. 

#holder{float:left; margin-right:-30000px;} 

.box{float:left; margin:2px;} 

и HTML должен быть как:

<div id="full"> 
    <div id="holder"> 
     <div id="box1" class="box"></div> 
     <div id="box2" class="box"></div> 
    </div> 
</div> 

добавить много DIVs, как вы хотите, и это сделает больше места для вас коробки не придавая ему определенной ширины. Надеюсь, это поможет вам.