一个 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;
}