如何將多個絕對位置的div視爲背景？

Question

我有一個主要的容器div，其中插入的所有重要內容，800px寬，水平居中。

我需要將多個絕對定位的div放在它下面（通過z-index）並且在它的寬度之外，而不會導致額外的滾動條出現，並且不會丟失主容器滾動條（所以將溢出隱藏在包裝中不這樣做）。

換句話說，我想知道是否有可能創建具有可視爲背景的不同元素（視頻，圖像或文本）的div，以便滾動條僅在窗口大小小於800px時纔會出現寬（主容器的寬度），其餘的div只會流血（類似swffit導致嵌入的Flash影片）。

有沒有辦法通過CSS或JavaScript做到這一點？

在此先感謝！

Answer 1

有一種方法只需要CSS。我曾經遇到過與我創建的this web site類似的問題，請看源代碼。旁邊的曲線是這樣完成的。

竅門是將主容器的位置更改爲相對無移位 - 導致座標基的變化，here is a link。比使用「背景div」的絕對定位來將它們放在主框之外。

爲了解決溢出問題，使用一些額外的div封裝（在我的網站與ID圖形）。要指定其寬度，請使用等於主框和最大寬度的範圍 - 最小寬度作爲包含「背景區域」的總寬度。對這個包裝器設置隱藏的溢出。

希望它有幫助。