div标签里放img标签时候遇到的坑

项目遇到div标签里放img标签的情况，div的width、height 都已经设置好，img的width、height 为100%。
但是发现渲染出来的img超出了div的高度，如下图：

后来尝试了下发现应该给div设置line-height（和height的大小一样），这样渲染出来的img才不会超过div的范围。见下图：

总结：div里写img且img的宽高和div一致的时候，一定要设置line-height，这样才能让img完全撑满div容器。