关于div自适应高度的 css

今天遇到了一个问题 我在div里嵌套了一个img标签没给 “b” 设高度和宽度 想着img会把它撑开 高度会保持一致 但调试后发现 在Firefox多出来了4.5px 在360多出来了3px 最后才找到原因是img标签的问题

代码如下：

<div class="a">

<div class="b">

<img src="index/images/logo.jpg" alt="你好">

</div>

</div>

原来img标签相当于一个text 它的末尾会多出一个空格，要解决只需加上img{ vertical-align:middle;}即可；