Html 图片元素的高度大于img

为什么图片元素比图像元素大？样品底部的红线-铬88。我怎样才能防止呢

图画{ 背景色：红色； } img{ 宽度：100%； 高度：自动； }

---

因为作为内联元素，图像在基线处垂直对齐，这会在其下方留下一些空间。只需在图像中添加display:block即可避免这种情况

图画{ 背景色：红色； } img{ 宽度：100%； 高度：自动； 显示：块； }