滑块从屏幕左侧到内容的右侧

Question

这是我的第一篇帖子，你好！ :) 我的网站编码有问题！

我可以在这张照片上显示：

我想制作一个滑块（每个幻灯片的标题），它与内容div.wrap的右边缘对齐。但它的左侧必须到屏幕的左侧。它必须更改为屏幕分辨率（始终到内容div.wrap的右边缘这样的东西

div.wrap的右边缘必须是限制。

我不知道该怎么做。滑块必须是背景推子？还是img推子？

请帮助我或告诉我如何在类似的例子中这样做。

Answer 1

继@Itay的回答之后，这里有一个jsfiddle可能会帮助你使用CSS。

http://jsfiddle.net/mmWq6/4/

我使用了500px乘200px的滑块示例。我猜这将是我期望你创建的网页的微缩版本，如果你将'Result'窗口缩小然后再扩大你会看到我认为设计按照你想要的方式工作。< / p>

这个演示基本上演示了Itay的评论，其中包含一个包含CSS #slider-wrapper的包装器（position: relative）和一个带有CSS的div：

#slider-wrapper-inner {
    position: absolute;
    right: 0;
}

然后在其中.slide是相对定位的.caption s，它们位于绝对位置，如上所述（但附加一行：bottom: 0;），以便它们坐在右下角。