2011-11-08 60 views
2

請看看下面的小提琴:圖片背後隱藏的固定頁腳

http://jsfiddle.net/ellenchristine/tty3e/

注意,當你擴展或收縮的結果面板,jQuery的砌體填充插件與圖像的新空間。不過,我在頁腳區域遇到問題......當您滾動到底部時,最後一個圖像總是隱藏在固定頁腳後面。我已經嘗試在頁腳,包裝器上添加邊距,但是沒有到達任何位置。任何人看到我做錯了什麼?

回答

4

嘗試overflow:hidden如果刪除高度設置你對#wrapper指定,並設置底部填充,它會顯示您所需要的功能。由於#wrapper中的所有元素都是浮動的,因此高度爲100%佔用了父項的100%,這只是顯示窗口的高度。如果你想看到這個動作,在刪除高度之前在#wrapper上放一個邊框以查看問題。

#wrapper { 
    width:960px; 
    min-height: 100%; 
    padding: 15px 0 115px; 
    margin: 0 auto; 
} 

http://jsfiddle.net/tty3e/8/

+0

令人驚歎!謝謝! –

0

#wrapper

+0

如果你在的jsfiddle嘗試這樣做,你會注意到,這是行不通的。它可以防止圖像進入頁腳下,但它實際上隱藏了它們,而不是像預期的那樣用#wrapper包裝圖像。 –

+0

這不起作用,它只是截斷所有底部的圖像。 –