css技巧 | 如何設置粘性頁尾

一個 CSS 技巧,如何使用 Flexbox 佈局將網頁的頁尾始終放置在窗口最底部。

<body class="Site">
  <header></header>
  <main class="Site-content"></main>
  <footer></footer>
</body>
.Site {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.Site-content {
  flex: 1;
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章