Позиционирование CSS и переполнение: скрытые

Question

У меня есть #container div, который обертывает все содержимое. И # слайды-обертывание раздел, который внутри #контейнер. Не знаю ширины # ползунки-обертывания, но я знаю размер каждого .slide в нем (число слайдов неограничено). Также часть # слайдов-обертывания, что переполнение экрана должно быть скрыто. См. Прилагаемое изображение в качестве примера.

Реально ли это делать?

Answer 1

Да, это возможно, вам просто нужно, чтобы дать вашему # слайды-обертку со следующими свойствами

display: inline 
white-space: nowrap; 

Проверьте это: http://jsfiddle.net/sv3a4522/

Answer 2

множество Z-индекс для DIV :

#container 
{ 
    overflow:hidden; 
    z-index:2; 
    position: relative; 
    width: your-value 
} 

#container #slides-wrap 
{ 
    width:your-value; /*(1000px or more)*/ 
    z-index:1; 
    position: relative; 
} 

#slides-wrap .slide 
{ 
    width:100px /*your value*/ 
} 

Демонстрация: