【html】
＝＝＝＝＝＝＝＝＝＝
<div id=”wrap”><header>ヘッダー</header>
<div id=”contents”>コンテンツ</div>
<div id=”footer”>フッター</div>
＝＝＝＝＝＝＝＝＝＝
【css】
＝＝＝＝＝＝＝＝＝＝
html,body{
height:100%;
}
#wrap{
width: 100%;
position: relative;
height:auto !important;
height: 100%;
min-height: 100%;
}
#contents{
padding-bottom:140px; /*↓↓↓フッターの高さと同じにする*/
}
#footer{
height:140px; /*フッターの高さ*/
position:absolute;
bottom:0;
}
＃ラップを基準ににposition:relative;を指定
＃フッターにポジションposition:absolute;を指定＆bottom:0;で絶対配置下にピタピタにはまる