图片没有占据 div 的整个高度 - 更改文档类型可以修复它
Image not taking the whole height of a div - changing the doctype fixes it
使用 HTML5 和 CSS3 我想要一个使用全高的图像它包含 div。删除我的大部分代码后，我只剩下这个最小的片段来表示问题：
<!DOCTYPE html>
<div style="overflow: hidden; border-radius: 15px; background-color: aqua;"><img style="width: 100%;" src="img/napkin.jpeg"></div>
该片段产生以下结果：
在最底部有一条我想去掉的浅蓝色条纹（我特意给它涂了那种颜色是为了能看得见）。知道如何实现吗？
编辑：
我有关于图像默认显示的想法。然而，有一件事仍然困扰着我。注释掉 <!DOCTYPE html> 可解决此问题。知道为什么吗？
在您的 <img /> 元素上设置 display: block。默认情况下 img 标签是 display: inline;，包括底部边距。
使用 HTML5 和 CSS3 我想要一个使用全高的图像它包含 div。删除我的大部分代码后，我只剩下这个最小的片段来表示问题：
<!DOCTYPE html>
<div style="overflow: hidden; border-radius: 15px; background-color: aqua;"><img style="width: 100%;" src="img/napkin.jpeg"></div>
该片段产生以下结果：
在最底部有一条我想去掉的浅蓝色条纹（我特意给它涂了那种颜色是为了能看得见）。知道如何实现吗？
编辑：
我有关于图像默认显示的想法。然而，有一件事仍然困扰着我。注释掉 <!DOCTYPE html> 可解决此问题。知道为什么吗？
在您的 <img /> 元素上设置 display: block。默认情况下 img 标签是 display: inline;，包括底部边距。