css sticky footer
478 ワード
一般的なレイアウト:ページの内容が少ない場合、フッターはビューポートの下部にあります.ページの内容が多い場合、フッターは折り畳まれず、内容に押されてフッターが常に下になるようにします.
1,解決方法(Flexboxレイアウト)クリックflexレイアウト紹介
1,解決方法(Flexboxレイアウト)クリックflexレイアウト紹介
htmt,body{
height: 100%;
min-height:100%
}
.wapper{
min-height: 100%;
display: flex;
flex-direction: column;
}
.main{
flex: 1;
-ms-flex: 1 1 auto; /* ie, -ms-flex:1 , footer main */
}
.footer{
flex-basic:auto;
}