使用網頁時，我們通常會希望中間層的內容可以滿版，讓底下可以靠在畫面的最下方，此時可以使用flex對畫面進行修正，讓中間層在放大時，自動擴增。
Tsang Ch. 馬鈴薯蒼哥
<div class="frame">
<div class="top">標題</div>
<div class="content">內容</div>
<div class="footer">頁尾</div>
</div>
.frame {
display:flex; //設定flex
flex-flow:column; //轉成col
height:100vh; //設定至該視窗最大高度
.top{
...
}
.content {
flex-grow:1; //自動延伸
}
.footer {
...
}
}
iThome鐵人賽
看影片追技術