在頁面底部浮動DIV（它不應該在頁腳DIV之後滾動）

Question

div{ 
    position:fixed; 
    bottom:0px; 
    height:20px; 
} 

在上面的代碼中解釋說將始終保持DIV在底部。但我需要避免頁腳後的滾動。我的意思是需要爲浮動div設置邊界。

你能幫我嗎？

[編輯]請參考本文並幫助我！ http://jsfiddle.net/umarfaruk/y9cWf/我在那裏添加了我的示例。當我們觸摸頁腳div時，我可以如何停止浮動div。 （我說的是 浮動應該停止前軀滾動）

更新：

謝謝你們。我找到了解決辦法，在http://jsfiddle.net/PnUmM/1真的感謝@Gatekeeper :)

Answer 1

寫在你的頁面或樣式表，以避免˚F

* { 
margin: 0 auto; 
} 

Answer 2

像Giberno在他的評論中寫道後滾動條，使用空div來填補空間被佔用的頁腳（從而防止文本的最後一行（S）墜落被頁腳隱藏尼斯和容易：無需腳本

div#footer{ 
    position:fixed; 
    bottom:0px; 
    height:20px; 
} 

div#empty-space{ 
    height:20px; /* Same height as footer */ 
} 

和HTML：

Put your page here 
... 
<div id="empty-space"/> 
<div id="footer">footer</div> 

有關工作示例，請參見此jsFiddle。

Answer 3

最簡單的做法是給body底部填充與固定元素相同的高度。這樣你總是可以滾動到任何內容。

#body { 
    padding-bottom: 50px; 
} 
#fixed { 
    height: 50px; 
    position: fixed; 
    width: 100%; 
} 

here's a fiddle