2011-07-05 156 views
0

我已經閱讀了很多谷歌和這裏,我找不到解決方案,我不明白爲什麼我會得到滾動條,我需要向下滾動才能看到頁腳,在這一刻,我沒有任何內容,並且不需要向下滾動,如下所示:[URL已刪除],如果我將徽標移除margin-top而不是它的作用,但我需要那裏的margin-top。可以嗎?幫我找一個解決方案。粘性頁腳問題

最好的問候。

+1

嘗試下一次在html和一些CSS中給出一些基本的頁面結構。它會增加答案的數量和總體質量。 –

+0

我不明白..爲什麼'身體'一些像素遠離頂部..(沒有保證金/填充任何地方) – Achshar

+0

@Achshar標誌上有一個邊緣頂部。 –

回答

3

您給body設置了100%的高度,並將#wrap設爲100%的最小高度,因此頁腳被推到視窗外(這是100%的高度)。嘗試刪除或降低#wrap上的最小高度值,頁腳將會出現。

編輯: 如果你要使用從您的鏈接頁面的CSS,你可以不加任何垂直的margin,padding或邊框上的任何東西。你在#logo上這樣做,這就是搞砸了。

看來你是這麼做的,因爲你希望內容具有一定的背景,但是你不希望這個背後的標誌。您可以通過在#wrap內添加另一個div來解決此問題,該內容包裝內容並將其作爲背景。將標題保留爲白色。

總結:

  • #logo卸下邊距。
  • #wrap的邊距底部更改爲-54px。
  • #wrap內的內容添加div的背景。

這應該可以解決您的問題。

+0

如果我刪除最小高度,頁腳會跳到頁眉,我想讓它保持在底部,並且只有在真正需要時纔有滾動窗口 – Uffo

+0

爲什麼不能只是在內容的底部,像一個頁腳?它真的需要成爲視圖窗口的底部嗎?這將非常困難。只需將它添加到#wrap並使其被內容推下即可。 –

+0

是的,它需要在視圖窗口的底部:D檢查此頁出http://ryanfait.com/sticky-footer/這是我正在使用 – Uffo