頁腳定位

Question

我想將頁腳定位在距屏幕底部約20-30像素或百分比處。通過查看具有* {outline：solid 1px}的元素，沿着屏幕底部有一個矩形，它必須是html元素或者標記正文的底部邊界。我對定位元素有點朦朧，儘管玩過varius定位選項，卻無法將頁腳找到我想要的位置。這裏最好的做法是什麼？我應該如何定位頁腳？

Answer 1

如果你想讓它在文檔

footer{ 
    position:absolute; 
    bottom:30px; 
} 

的底部（+ 30像素），如果你想讓它在文檔的底部，你需要JavaScript來計算窗口的高度

，並完成類似（jQuery中）

$('footer').css({'position':'fixed','top':$(window).height()-$('footer').height()}); 

或者是僅含有C SS你也可以這樣做：

.footer{ 
    position:fixed; 
    height:2%; 
    top:98%; 
} 

Answer 2

沒有看到你的任何代碼，很難想象爲什麼事情不適合你。但我的第一個猜測是，你沒有正確地設計body元素。默認情況下，許多現代瀏覽器對身體應用某種填充或邊距。因此，你應該使用以下規則來重置：

body { margin: 0; padding: 0; } 

這將重置默認設置，讓您繼續，只要你喜歡。您也可以對要固定到屏幕底部的元素使用position: fixed CSS規則。例如：

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