要修复它,试试这个 – DEMO

img {
    border: 1px solid green;
    display: block;
    vertical-align: top;
}

UPDATE

默认情况下,任何图像呈现为内联(如文本),因此下面的小额外空间是所有文本行所具有的空间(即q,p等)

上述答案结合了两种解决问题的方法.所以基本上你只能使用其中一个：

img { display: block; }

要么

img { vertical-align: top; }