CSS 技巧使页脚始终位于网页的底部
display: grid; grid-template-rows: auto 1fr auto;
表示 网格布局的 行高规则，分为三行
第一行 auto 表示 高度由内容撑开，自动适应高度，一般用于头部header。
第二行 fr 代表可用空间份额，1fr 表示占据全部可用空间，若有多个fr 则按照比列分配； 一般用来放置 主体内容 (main)，使它填充剩余高度。
第三行 同第一行规则， 一般用来放置 底部 (footer)。
<section><header>header</header><main>mian</main><footer>footer</footer>
</section>section{background-color: red;min-height: 100vh;display: grid;grid-template-rows: auto 1fr auto;
}header{background-color: yellow;
}main{background-color: gray;
}footer{background-color: green;
}