1. 问题 2. 原因分析 因为图片是行内元素,默认的图片对齐方式为vertical-align:baseline 基线对齐。baseline对齐方式导致图片并不是与div的真实底部对齐,而是与文基线对齐。文基线就是字母x的下边缘,即使没有文字,也会有空隙 3.解决方法 1、给img(图片)设置display: block; 2、给img(图片)设置vertical-align: bottom;