div 里面加一个img 标签，div 高度会多出几像素

 

 在写代码的时候经常遇到这样一个问题，如果div里嵌套一个img元素且div的高度是由img的高度来撑开，那么div的高度总会比img的高度多3px

可以明显看到div实际高度高出img高度3px。为了解决此问题，我们只需要给 img 添加:

 

img ｛  display : block ｝

 

原因：  原来img是一种类似text的元素，在结束的时候，会在末尾加上一个空白符，所以就会多出3px