フッターの下の余白を消したい

更新日:

フッターの下に余白が出来るから消したい

 

 

 

 

 

imgの下の余白はvertical-alignで消えたが

これでは解決しない。

 

デベロッパーツールでは何もおかしな所は無い。

footerのheightを指定している場合は解除すると解決

 

 

 

 

フッターの高さが指定されている場合、

指定を解除すると解決。

 

 

 

 

 

 

まとめ

①念の為 HTMLの高さを100%に指定

HTML{
height: 100%;
}

 

 

②bodyの高さも100%に指定

body{
margin: 0;
height: 100%;
}

 

footer{
width: 100%;
height: 64px;  ←これを無くす
text-align: center;
background-color: rgb(94, 94, 94);
}

 

で解決。

Copyright© Chicoblog , 2020 All Rights Reserved.