如何讓footer置底

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15

html{
  height: 100%;
  overflow-x: hidden;
}

body{
  height: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

footer{
  margin-top: auto;
}

其他相關

• 【CSS】載入網頁字體方法
• 【Web】VScode技巧＋實用套件
• 【CSS】Sass快速編譯+變數使用
• 【CSS】插入Fontawesome圖示
• 【CSS】RWD響應式網頁