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

演示：