不使用絕對定位腳註粘到身體的底部？

事情一直困擾我一段時間，它說一個頁腳總是在頁面的底部。不使用絕對定位腳註粘到身體的底部？

<div id="one"> one</div> 
<div id="two"> two</div> 
<div id="three"> three</div>

爲了使#three始終在底部是我唯一的選擇做#two 100％的高度或絕對定位#three？

我希望頁腳始終位於窗口/正文的底部。如果頁面滾動，頁腳不粘。

來源

2014-11-24 Deedub

當你說「堅持底部的」做你想做#two如果它背後滾動#one的組合和#two是如果瀏覽器窗口比瀏覽器窗口高，如果它們短於窗口高度，是否要在#two和#three之間插入空格？後者是 – LavaSlider 2014-11-24 01:56:33

。我用固定的位置，它的一個和兩個會在下面滾動，所以我應該使用絕對的，所以它在正常流程中更多？ – Deedub 2014-11-24 02:08:52

正如LavaSlider所問，你是否希望#three位於窗口的底部或文檔的底部？或者窗口的底部是一個長頁面的短頁面和底部文檔？ – PavKR 2014-11-24 03:42:49

您可以用position: fixed看的例子

.footer{ 
    position: fixed; 
    width: 100%; 
    bottom: 0; 
    margin-bottom: 10px; 
    text-align: center; 
    text-decoration: overline; 
    color: #999; 
    font-size: 0.9em; 
}

jsfiddle example

來源

2014-11-24 14:37:15

不使用絕對定位腳註粘到身體的底部？

回答

相關問題