div包裹相同高度的image出现滚动条

  <div id="box" style="height:500px;width:100">
    <img style="height:500px;width:100" src=""></img>
  </div>

id为box的div盒子与子元素img的高度相同但是会出现滚动条，margin padding等等都为0.间隙到底哪里来的，应该是img有类似文本一样的属性，

在box上加入css代font-size:0就可以了。或者overflow直接设置为hidden