站長資訊網(wǎng)在html中，可以通過將div標(biāo)簽相對(duì)于瀏覽器窗口進(jìn)行定位，然后設(shè)置到底部距離為0來把div永遠(yuǎn)放置于頁面底部，具體語法格式為“div{position:fixed; bottom:0;}”。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
html把div放在底部
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> body{ height: 500px; background: palegoldenrod; } div{ border: 1px solid red; position:fixed; bottom:0; } </style> </head> <body> <div>測(cè)試文本測(cè)試文本測(cè)試文本測(cè)試文本測(cè)試文本測(cè)試文本測(cè)試文本</div> </body> </html>
效果圖：
固定定位（position:fixed;）
fixed 生成固定定位元素，元素脫離文檔流，不占據(jù)文檔流的位置，可以理解為漂浮在文檔流的上方，相對(duì)于瀏覽器窗口進(jìn)行定位。（學(xué)習(xí)視頻分享：css視頻教程）
如果想為元素設(shè)置層模型中的固定定位，需要設(shè)置position:fixed;，直接以瀏覽器窗口作為參考進(jìn)行定位，它是浮動(dòng)在頁面中，元素位置不會(huì)隨瀏覽器窗口的滾動(dòng)條滾動(dòng)而變化，除非你在屏幕中移動(dòng)瀏覽器窗口的屏幕位置，或改變?yōu)g覽器窗口的顯示大小，因此固定定位的元素會(huì)始終位于瀏覽器窗口內(nèi)視圖的某個(gè)位置，不會(huì)受文檔流動(dòng)影響。
