第一種方式設定html、body高度100%，footer相對body定位：
footer
第二種方式用flex布局：
我想要它固定頂部
高度自動適應
高度自動適應
高度自動適應
高度自動適應
高度自動適應
高度自動適應
高度自動適應
高度自動適應
高度自動適應
高度自動適應
高度自動適應
高度自動適應
高度自動適應
高度自動適應
高度自動適應
高度自動適應
高度自動適應
高度自動適應
高度自動適應
高度自動適應
高度自動適應
高度自動適應
高度自動適應
高度自動適應
高度自動適應
高度自動適應
高度自動適應
高度自動適應
高度自動適應
我想要它固定底部
CSS實現footer固定在頁面底部
作為乙個頁面仔你一定遇到過 當乙個html頁面中含有較少的內容時，web頁面的 footer 部分隨著飄上來，處在頁面的半腰中間，給視覺效果帶來極大的影響，讓你的頁面看上去很不好看，特別是現在寬屏越來越多，這種現象更是常見。那麼如何將web頁面的 footer 部分永遠固定在頁面的底部呢？先來看下下...
HTML CSS底部footer兩種固定方式
網頁常見的底部欄 footer 目前有兩種 一 永久固定，不管頁面的內容有多高，footer一直位於瀏覽器最底部，適合做移動端底部選單，這個比較好實現 向立凱 二 相對固定，當頁面內容高度不沾滿瀏覽器高度，footer顯示在瀏覽器底部，且不會出現滾動條，如果頁面內容高度超出瀏覽器高度，footer則...
將footer固定在頁面底部的實現方法
html結構 header main content footer css設定 html body header main main的padding bottom值要等於或大於footer的height值 footer首先，設定body的高度至少充滿整個螢幕，並且body作為footer絕對定位的參...