如何让header中div容器内的图片铺满网页边缘无间隙？

这种情况大多是浏览器默认样式或容器、图片的宽度设置问题，给你几个直接可行的解决办法：

• 清除浏览器默认边距
  浏览器会给<body>标签默认添加margin，这是最常见的间隙来源。在你的CSS里添加：

  body {
    margin: 0;
    padding: 0;
  }
  

• 强制Header和图片占满宽度
  给header容器和里面的图片都设置100%宽度，同时消除图片底部可能出现的小空隙：

  header {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  
  header img {
    width: 100%;
    display: block;
    height: auto; /* 保持图片原有比例，避免拉伸变形 */
  }
  

• 检查外层容器
  如果你的header还嵌套在其他div里，也要确保那个外层容器没有设置margin或padding，并且宽度设为100%。

• 避免使用固定宽度
  不要给header或图片设置固定像素宽度（比如width: 1100px），改用width: 100%才能适配不同页面宽度。

内容的提问来源于stack exchange，提问作者Rach22