如何使頁面底部始終在最底下

2022-07-13 16:57:11 字數 479 閱讀 1909

方法一:footer 高度固定+絕對定位

html

body

.header

.main/* main的padding-bottom值要等於或大於footer的height值 */

.footer

style>

head>

headerdiv>

main contentdiv>

footerdiv>

body>

html>

效果:

還有2中方式,這個是我常用的一種。

第二種是:footer高度固定+margin負值。樣式和第一張類似,就是 footer

第三中就是footer高度任意,+js,

就是判斷當前頁面內容是否大於可視視窗高度,

**於:

CSS 設定Footer始終在頁面底部

footer顧名思義頁尾,如果內容多的時候在底部時感官很好,但是當內容變少 無法撐開一屏的時候 footer不固定在底部,影響美觀,對於已經從事前端工作的工作的來說應該是比價工作中入門級別的問題了,由於本人前端水平有限,耗費一點時間最後通過負邊距實現了這個簡單的功能,如下 flyelephant 設...

CSS 設定Footer始終在頁面底部

footer顧名思義頁尾,如果內容多的時候在底部時感官很好,但是當內容變少 無法撐開一屏的時候 footer不固定在底部,影響美觀,對於已經從事前端工作的工作的來說應該是比價工作中入門級別的問題了,由於本人前端水平有限,耗費一點時間最後通過負邊距實現了這個簡單的功能,如下 flyelephant 設...

css讓footer始終位於頁面的最底部

提出問題 怎麼讓footer定位在頁面底部,要求主體內容少的時候footer在視覺化視窗的最下方,主體內容非常多的時候 footer在主體內容的下面?嘗試解決 方法1.如果把footer直接放在主體內容後面,讓主體撐開把footer撐到下面去,主體內容多了可以,但是內容少了的話 footer撐不起來...