#imgタグの下に隙間ができる問題の解決方法
margin, padding共にゼロを指定しているのになぜか隙間ができていた。調べていたらどうやらフォントのベースラインから下端にかけて含まれるスペースのせいとのこと。
####HTML
<div class="top">
<img src="./iamges/sample" height=100px>
</div>
imgの高さが100pxなのになぜかdiv.topの高さが少しだけ100pxより大きくなってしまう。下記のように指定したら治った。
####CSS
.top > img {
vertical-align: top;
}