父容器高度大于子图片高度的原因
div高度比图片高度大
原因：img是inline元素，有假想元素。基于baseline定位时，父容器高度为假想元素的下半部分高度+图片高度。
解决方法：即消除假想元素影响。
可以是 img { display: block; };
可以是 div { line-height: 0};
可以是 img { vertical-align: middle; }; //也可以是其他值
父容器高度大于子图片高度的原因
div高度比图片高度大
原因：img是inline元素，有假想元素。基于baseline定位时，父容器高度为假想元素的下半部分高度+图片高度。
解决方法：即消除假想元素影响。
可以是 img { display: block; };
可以是 div { line-height: 0};
可以是 img { vertical-align: middle; }; //也可以是其他值