股利在瀏覽器底部

我用下面的一段代碼在瀏覽器底部對齊一個div股利在瀏覽器底部

CSS：

/* using the child selector to hide the 
following body css from IE6 and earlier */ 
html>body { 
    background-color: yellow; 
} 

#footer { 
    position:absolute; 
    right:0; 
    bottom:0; 
    background-color:Yellow; 
}

HTML：

<div id="footer"> 
CCC 
</div>

這種運作良好，當頁適合頁面：

works well

但是當頁面長度超過然後，如果我滾動頁面的股利也越來越頂部滾動顯示：

not working well

我已經把頁腳DIV頂部頂部用戶控制。在頁腳div之後還有其他一些控件。這會導致問題嗎？

來源

2012-03-26 Techonthenet

您是否正在尋找http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page？

來源

2012-03-26 12:01:36

已在第一篇文章 – Techonthenet 2012-03-26 12:17:47

#footer { 
    position: fixed; 
    right:0; 
    bottom:0; 
    background-color:Yellow; 
}

絕對相對於html正文絕對的，固定相對於所述框架

差異與其他值position tag are here。

來源

2012-03-26 12:02:48 hjpotter92

這是一個。 – Darbio 2012-03-26 12:04:40

由於div後面的控件很少，div的顯示如圖所示：http：//i.imgur.com/I9vVv.png。但我希望這是在瀏覽器底部 – Techonthenet 2012-03-26 12:12:37

拿一個浮動到底部的div，並將這些控件放在該圖層內。我認爲職位：固定是解決方案的一部分，但還不夠，您應該使用我的或丹佛人的完整解決方案，以使其正常工作。 – 2012-03-26 16:36:49

使用粘頁腳CSS：http://www.cssstickyfooter.com/

來源

2012-03-26 12:03:53 danwellman

您應該使用固定位置，而不是絕對。使用該代碼：

/* using the child selector to hide the 
following body css from IE6 and earlier */ 
html>body { 
    background-color: yellow; 
} 

#footer { 
    position:fixed; 
    right:0; 
    bottom:0; 
    background-color:Yellow; 
}

來源

2012-03-26 12:04:49

在更新之前給出了相同的解決方案 – 2012-03-26 12:06:38

股利在瀏覽器底部

回答

相關問題