<img src="https://cdn.pixabay.com/photo/2021/08/04/13/06/software-developer-6521720__480.jpg" alt="">
<div style="background:gold;width: 100%; height: 300px; "></div>解决方案是将img元素转换为块级元素就可以了，使用CSS实现为
img {
display:block;
}原因是由于我们在编写HTML时，为了美观和可读性会将代码换行或者加一些制表符。一部分主流的浏览器会将这些制表符转换为一个空格或者换行。导致了上面的图片所产生的空隙。另外，还有一种解决方案为，删除DOCTYPE声明
<!--DOCTYPE html-->
<html lang="en">我将持续在CSDN中分享在我在编码过程中遇到的一些问题以及BUG，欢迎各位大神指导，谢谢！
