CSS定位和溢出：隐藏

Question

我有一个 #container div，它包含了所有内容。并且＃slides-wrap div位于 #container 中。 我不知道 #slider-wrap 的宽度，但我知道其中每个 .slide 的大小（幻灯片编号是无限制的）。 还必须隐藏溢出屏幕的＃slides-wrap 的一部分。 以附图为例。

这是真的吗？

Answer 1

是的，有可能，你只需要给你的＃slides-wrap包含以下属性

display: inline
white-space: nowrap;

检查出来：http://jsfiddle.net/sv3a4522/

Answer 2

为div设置z-index：

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

演示：