除了 display: fixed，方法将 footer 固定在底部，记录下用 js 获取页面 innerHeight，计算出 main 的高度。
HTML：
<body> <header>header</header> <main class="main">main</main> <footer>footer</footer></body>
JS：
function windowHeight () { // header: 30px; footer:100px; total:130px let mainMinHeight = window.innerHeight - 130 mainMinHeight = bodyMinHeight > 0 ? bodyMinHeight : 0 document.getElementsByClassName(‘main‘)[0].style.minHeight = mainMinHeight + ‘px‘}
