2012-08-05 61 views
0

我想做頁腳。我有主div有所有的頁面和主要,有div被稱爲頁腳​​。所以我的問題是主要只有137px,但頁面更大。所以頁腳在頂部而不在底部。這裏是HTML和我使用的CSS:main(div與所有網站)不能正常工作

jsfiddle.net/gEgK9

有什麼錯? (看#footer#main在CSS)

+0

我不明白你的問題。但對於那些做的,這裏是一個小提琴:http://jsfiddle.net/gEgK9/ – Zeta 2012-08-05 12:22:23

+0

謝謝。我編輯問題 – theShay 2012-08-05 12:24:32

回答

2

這與position:absolute打起了價格(或任何其他position價值,這不是static)。定位將從流中移除您的元素。這意味着,與position:static相同的上下文中的所有其他元素將被渲染,就好像該元素甚至不在那裏一樣。您需要使用position:absolute;bottom:0;才能將頁腳移動到底部。不要忘記,你必須計算邊距和其他位置,以確保你的頁腳不會與其他元素相沖突。不過,我建議你考慮一下你目前的狀況,並問問自己,你的主要內容的絕對定位是否真的很重要。

+0

如果我將'#content''position'從'absolute'更改爲'static',它會搞亂我的頁面 – theShay 2012-08-05 12:47:43

+0

正如我已經告訴過你的,你可以在頁面上使用'position:absolute; bottom:0' 。但是,您當前的CSS和標記可能有點複雜。儘量保持簡單,對你來說應該更容易。 – Zeta 2012-08-05 12:50:04

+0

但我想爲我的網站上的所有頁面做頁腳。我不知道身高,所以我不知道在哪裏放置我的頁腳。 – theShay 2012-08-05 12:51:23