CSS定位和溢出：隱藏

Question

我有一個＃容器 div包裝所有內容。而＃幻燈片包裝 div裏面是＃容器。 我不知道寬度的＃滑塊包裝，但我知道其中每個.slide的大小（幻燈片數量是無界的）。 也是的一部分＃slides-wrap溢出屏幕必須隱藏。 以附圖爲例。

這是真的嗎？

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*/ 
} 

演示：