如果當前頁面的底部位於窗口屏幕上方,我想製作一個浮動div,該浮動div將位於頁面底部,否則它將位於窗口屏幕上方任務欄,如果我們滾動頁面,它將保持其當前位置。如何使漂浮在頁面底部的浮動div
11
A
回答
23
您需要使用position: fixed
#footer {
position: fixed;
bottom: 0;
width: 100%;
}
這裏的小提琴:http://jsfiddle.net/uw8f9/
其他一些參考
-2
嘗試這種風格的浮動DIV
{
display:block;
position:absolute;
float:left;
bottom:0px;
left:20px;
}
+1
'position:absolute;'然後'float:left;'?認真? – neshpro9
相關問題
- 1. CSS Div漂浮在頁面的左側?
- 2. div不會漂浮在前面的非浮動div旁邊
- 3. 如何將div浮動到頁面底部?
- 4. 如何將浮動div放到頁面底部?
- 5. 如何使浮動動作按鈕在頁面底部右側
- 6. DIV浮動頁面
- 7. 在頁面底部浮動DIV(它不應該在頁腳DIV之後滾動)
- 8. 讓div浮動到父div的底部?
- 9. 如何使浮動頁面div響應
- 10. 動態浮動的內容,讓DIV漂浮在另一個DIV
- 11. 使div從HTML底部浮動
- 12. 如何停止PDF中的書頁浮動到頁面底部?
- 13. 底部對齊div浮動div旁邊
- 14. 對齊浮動div頂部到底部
- 15. 漂浮在漂浮物內?
- 16. eqal底部邊緣浮動的div
- 17. 漂浮在右邊的div
- 18. 使用jQuery在頁面上浮動DIV
- 19. 浮動底部浮動圖像
- 20. 漂浮在DIV在IE 7
- 21. 頁腳浮動在頁面上,而不是在底部
- 22. 底浮動DIV(如在Facebook的消息)
- 23. 右浮動div ...對齊底部?
- 24. 如何在我的內容的最底部浮動我的div
- 25. Div漂浮在文本上
- 26. 漂浮在DIV與CSS
- 27. div不漂浮在右邊
- 28. 圖像漂浮在DIV
- 29. 頁腳漂浮在底部,很好。但對於列
- 30. 如何在IE中的屏幕底部浮動一個div?
你是不是在尋找的位置是:固定的嗎? http://www.w3schools.com/cssref/pr_class_position.asp – drip