HTML/CSS對齊DIV頁面和屏幕的底部 - 以先到者爲準

我有一個div：HTML/CSS對齊DIV頁面和屏幕的底部 - 以先到者爲準

clear:both; 
position:absolute; 
bottom:0; 
left:0; 
background:red; 
width:100%; 
height:200px;

而且一個html，身體：

html, body { 
    height:100%; 
    width:100%; 
} 


/* Body styles */ 
body { 
    background:url(../images/background.png) top center no-repeat #101010; 
    color:#ffffff; 
}

我的代碼基本上是20·羅蘭存有段落之後是div。

現在，我嘗試設置位置相對和絕對和等，但絕對股利贊同屏幕的底部，所以，當你用它向下滾動的div scrols

我試圖將其設置爲相對的，但是當theres沒有足夠的內容來使頁面滾動，div不在頁面的底部。

我試圖固定的，但只是固定它..對我沒有用

我怎樣才能獲得的股利是在屏幕的底部，頁面取決於是否theres滾動或不

來源

2011-06-22 Ozzy

http://www.cssstickyfooter.com/ – Marcel

這聽起來像傳統的粘頁腳的提問者想要的東西正好相反。 –

我在下面更新了我的評論。 –

好的，修復和工作：D希望它做你想做的。預覽這裏：http://jsfiddle.net/URbCZ/2/

<html> 
    <body style="padding:0;"> 
     <div style="position:fixed; width:100%; height:70px; background-color:yellow; padding:5px; bottom:0px; "> 
      test content :D 
     </div> 
     <!--Content Here--> 
    </div> 
    </body> 
</html>

來源

2011-06-23 00:07:37

內容的隱藏部分如何？有沒有辦法來防止這種情況？ – Guillaume

謝謝 - 這對我有用 – blackhawk

你需要一個JavaScript解決方案：部分固定和部分內聯或絕對與JS決定。 jQuery是一個選項嗎？這裏是一個截屏視頻：http://jqueryfordesigners.com/fixed-floating-elements/

來源

2011-06-22 23:43:56 natedavisolds

HTML/CSS對齊DIV頁面和屏幕的底部 - 以先到者爲準

回答

相關問題