2011-08-02 62 views
8
#div1 { 
    background: #ffffff; 
    padding: 6px; 
    color:#333; 
    font:normal 10px Arial, Helvetica, sans-serif; 
    text-decoration: none; 
    text-transform: uppercase; 
    position: absolute; 
    bottom: 20px; 
    right: 20px; 
} 

該div保持頁面右下角20x20像素的位置。但是,我的網站包含一個「無盡頁面」分頁功能,當瀏覽器窗口上出現滾動條時,由於內容增加,div不保持其右下角的位置,而是向上移動頁面。即使用戶滾動或滾動條出現時,如何讓該div保留在右下角?由於在用戶滾動頁面後將div保持在位

回答

17
position: fixed; 

這應該這樣做

0

我跑進一個角落DIV呼出了類似的問題。在橫向滾動中,當其他所有事物都移動時,呼出仍在繼續。確保容器div有以下屬性:

position: relative; 

幫助我的情況,以及類似的代碼給你。

相關問題