如何讓此DIV顯示在此頁面上的所有內容之下？

Question

我有一個相對的<div>與幾個絕對定位<div>在它內。我想在所有這些內容下面顯示頁腳<div>，但由於某種原因，它顯示在<div>之後，而不是在其下面。

這裏是頁：（我已經設置頁腳股利紅色的背景，所以你可以明白我的意思）：

http://wreckedexotics.com/3series2/3series_20091106_001.shtml

Answer 1

與綠色邊框的DIV絕對定位和有一個固定的高度（設置爲740px）。紅色DIV不知道（也不能知道）綠色DIV結束的位置（垂直方向）（將絕對定位的元素從頁面流中移除）。

解決方案：

與黑色邊框的DIV：overflow:auto
帶有灰色背景的DIV：float:left
與綠色邊框的DIV：float:right

（並刪除絕對定位如果存在這些元素）

結果：

Answer 2

的問題是你的DIV「圖片」是絕對定位，頁腳股利相對於定位到頁面上的所有其他相對 div的。

你不應該使用絕對定位的div誰的大小會影響頁面上的其他內容，完全是理論上的

Answer 3

浮動你側邊欄左邊;並採取位置：絕對脫離主格，並將其浮動。所以它看起來像下面，這應該整理出來。

#sidebar{ 
/*your styles*/ 
float:left; 
} 

#maindiv{ 
/*yourstyles*/ 
/*postition:absoulte;*/ 
float:left; 
}