2012-08-06 119 views
0

我正在製作此頁,其頁腳有粘性。絕對位置和溢出屬性

內容div正在通過粘滯的頁腳,並且由於絕對定位,我不能讓overflow:hidden;正常工作。

任何人都可以幫助我嗎?

請不要對設計發表評論:P也不是我的一杯茶。

Link to site | Link to jsfiddle example

+0

對不起,我沒有點擊從未知網站的隨機鏈接。你能提供更多的細節,還是在http://jsfiddle.com上覆制問題? – freefaller 2012-08-06 12:50:31

+0

這是一個jsfiddle,可能有助於幫助你。 http://jsfiddle.net/ENXw5/ – 2012-08-06 13:25:24

回答

1

添加以下CSS到頁腳

position: fixed; 
bottom: 0; 
width: 100% 
+0

它有點作品,但它仍然滾動。內容div仍然是高的方式,我想..不知道如果它只是我 – 2012-08-06 12:55:27

+0

現在它的工作:) thx回覆 – 2012-08-06 13:59:30

0

首先,把你的#footer#wrapper

#wrapper { 
    min-height: 100%; 
    overflow-y: hidden; 
} 
#footer { 
    position: absolute; 
    bottom: 0; 
    z-index: 1; 
} 
#main { 
    z-index: 0; 
} 
+0

我試過你的解決方案,但它沒有爲我工作。如果你再看一次這個頁面,我已經做了修改。 Thx回覆 – 2012-08-06 13:01:03