2012-08-23 162 views
3

我创建了一个我想用CSS创建的图像。我还在JSFiddle中做了一个小设置。CSS固定左边,流体右边,居中固定宽度

问题是我可以创建everyting,除了右边的流体列。我用它在幻灯片放映中显示图像,我希望它们从屏幕右侧出现并消失在左侧的“后面”内容1.

我试过了绝对的,相对的和固定的位置。但结果是要么失去的内容1的中心的左侧定位或不具有流体柱高达塔2

enter image description here

+0

您是否希望滑块在容器B外部“存在”,以便您的普通内容适合在contanier B内部,但滑块图像直到屏幕边缘? –

+0

是的,这是一个视差幻灯片。我想要从屏幕的右侧显示内容并一直滑到左侧(内容1的右侧)。 – mat

回答

1

this code你在找什么?

我添加了一个固定的位置和最小宽度的正确的div似乎已经达到了你正在寻找的效果。

+0

这是代码!谢谢,我刚刚在Opera,FF,Chrome,Safari和Iexplorer 8,9,10中进行了测试,即使在使用Parallax时也是如此。所以基本上我应该使用固定和最小宽度。谢谢您的帮助!我接受并赞成你的回答。 – mat

+0

不客气:) –

+0

我发现iPad上的Safari和Win 7上的Iexplorer 9不需要边距。因此,这两种浏览器的布局看起来很混乱。我也在所有浏览器中缺少垂直滚动条。你可能知道一个解决方案来解决它。我可以使用eac浏览器的几个类,但这并不能解决滚动问题。提前致谢。 – mat

1

需要使用宽度的右侧:100%至充满整个屏幕, http://jsfiddle.net/a9Yda/2/

+0

是的,但后来我放松了居中和固定的位置。 – mat

相关问题