pc端footer固定在底部

2021-09-25 23:07:07 字數 797 閱讀 2268

問題:在pc端中我們的底部導航如果內容不夠或者換了螢幕就會出現底部導航亂掉,我去調研了一些官網,發現有的他們的導航是沒有固定在底部的,而是隨著內容的減少,導航會自動的提公升到頁面的頂部,而有的導航是固定在底部的,無論你的內容有多少,它都是在你的底部,接下來我就直接上**

header

11111

11111

11111

11111

11111

11111

11111

11111

11111

11111

11111

11111

11111

11111

11111

11111

11111

11111

11111

11111

11111

11111

11111

11111

11111

11111

11111

11111

11111

11111

11111

11111

222

footer

這是 上述的兩種將導航固定在底部

我的問題 : 我見過很多的**都不是固定在底部的,它隨著內容的減少,底部導航都會往上走,而底部不會有空隙,這種應該怎麼搞,是跟布局有關係嗎?

CSS實現footer固定在頁面底部

作為乙個頁面仔你一定遇到過 當乙個html頁面中含有較少的內容時,web頁面的 footer 部分隨著飄上來,處在頁面的半腰中間,給視覺效果帶來極大的影響,讓你的頁面看上去很不好看,特別是現在寬屏越來越多,這種現象更是常見。那麼如何將web頁面的 footer 部分永遠固定在頁面的底部呢?先來看下下...

footer固定在頁面底部的幾種方法

body header header header main content main footer footer footer body html body header main main的padding bottom值要等於或大於footer的height值 footer 首先,設定body的...

將footer固定在頁面底部的實現方法

html結構 header main content footer css設定 html body header main main的padding bottom值要等於或大於footer的height值 footer首先,設定body的高度至少充滿整個螢幕,並且body作為footer絕對定位的參...