css佈局之版權信息

要實現這樣一個功能：

        版權信息永遠位於main頁面的底部，當main頁面內容不滿屏時，footer部分依舊處於視窗的下方。

<div class="main">
    <div class="inner">
        <div class="main-content">
            主要內容
        <div>
        <footer>版權信息<footer>
    </div>
<div>

.inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    //height: calc(~"100vh - 100px"); // less的寫法
    height: calc(100vh - 100px);  // css的寫法
    // 100px是頭部的高度，視情況修改
}

如果有更好的實現方式，歡迎留言~