利用 css sticky footer 進行頁面的排版
html:
<div class="wrap">
<div class="header"></div>
<div class="content"></div>
<div class="footer"></div>
</div>
css:
.wrap {
display:flex;
flex-direction: column;
min-height: 100%;
}
.header,.footer{
width: 100%;
height: 100px;
background-color: #ddd;
}
.content {
width: 100%;
flex: 1;
background-color: #000;
}
