無法將頁腳固定到頁面底部
如果您在將網站頁腳固定到頁面底部時遇到困難,無論如何螢幕尺寸,這裡有一些可能的解決方案:
使用位置:固定; property.
position:fixed;屬性可用於將元素固定到螢幕上的特定位置,即使頁面捲動也是如此。若要使用此屬性,請將下列程式碼新增至CSS 檔案:
#footer { position: fixed; bottom: 0; }
使用margin-top: auto; 屬性.
margin-top: auto; 屬性可用來將元素在其父容器內垂直居中。若要使用此屬性,請將下列程式碼新增至CSS 檔案:
body { margin-top: auto; }
使用position:fixed; 和margin-top:auto 的組合; 屬性.
如果要將頁腳固定在頁面底部並居中垂直方向上,您可以使用position:fixed; 和margin-top: auto; 屬性的組合。為此,請將以下程式碼新增至您的 CSS 檔案:
body { margin-top: auto; } #footer { position: fixed; bottom: 0; width: 100%; }
以上是如何將網站頁腳固定在頁面底部?的詳細內容。更多資訊請關注PHP中文網其他相關文章!