画像を貼ると、下に余白が出来るので消したい
デベロッパーツールで確認しても
padding margin border は全て0
img にvertical-alignを設定すると消える
<div class="pic">の中にimgがあるので
.div {
vertical-align:bottom
}
とやってしまう間違いをよくした。
なので
.img{
vertical-align:bottom
}
このように、
必ずimgに対して指定しないと失敗する。
.pic img{
vertical-align:bottom
}
でも良い。
↓直る