CSS固定左邊，流體右邊，居中固定寬度

我創建了一個我想用CSS創建的圖像。我還在JSFiddle中做了一個小設置。CSS固定左邊，流體右邊，居中固定寬度

問題是我可以創建everyting，除了右邊的流體列。我用它在幻燈片放映中顯示圖像，我希望它們從屏幕右側出現並消失在左側的「後面」內容1.

我試過了絕對的，相對的和固定的位置。但結果是要麼失去的內容1的中心的左側定位或不具有流體柱高達塔2

enter image description here

2012-08-23 mat

您是否希望滑塊在容器B外部「存在」，以便您的普通內容適合在contanier B內部，但滑塊圖像直到屏幕邊緣？ –

是的，這是一個視差幻燈片。我想要從屏幕的右側顯示內容並一直滑到左側（內容1的右側）。 – mat

是this code你在找什麼？

我添加了一個固定的位置和最小寬度的正確的div似乎已經達到了你正在尋找的效果。

2012-08-23 09:11:56

這是代碼！謝謝，我剛剛在Opera，FF，Chrome，Safari和Iexplorer 8,9,10中進行了測試，即使在使用Parallax時也是如此。所以基本上我應該使用固定和最小寬度。謝謝您的幫助！我接受並贊成你的回答。 – mat

不客氣:) –

我發現iPad上的Safari和Win 7上的Iexplorer 9不需要邊距。因此，這兩種瀏覽器的佈局看起來很混亂。我也在所有瀏覽器中缺少垂直滾動條。你可能知道一個解決方案來解決它。我可以使用eac瀏覽器的幾個類，但這並不能解決滾動問題。提前致謝。 – mat

需要使用寬度的右側：100％至充滿整個屏幕， http://jsfiddle.net/a9Yda/2/

2012-08-23 08:34:23

是的，但後來我放鬆了居中和固定的位置。 – mat

回答