CSS頁腳定位問題

Question

如果我們知道它的高度，設置頁腳的絕對位置是否是一種好的做法？
舉例來說，如果它的高度爲100像素：

footer { 
    position:absolute; 
    bottom: 100px; 
    background: red; 
} 

，如果它不是，請你幫我定位頁腳沒有申報單，只能用HTML5的標籤，因爲我找到了一些解決方案，但它們與額外的div。

Answer 1

footer { 
    position: absolute; 
    bottom: 0; 
    height: 100px; 
    background: red; 
} 

當您指定底部位置屬性時，您將定位底部邊緣，因此您不需要考慮像這樣的高度。如果您希望底部邊緣距離頁面底部100px，則只能將其設置爲100px。

通常我發現自己手動定位頁腳的唯一時間就是它是position: fixed。假設你的頁面流不被破壞，通常很容易使它成爲頁面的底層元素，這就是你試圖用position: absolute;實現的。