图片覆盖整个div

要实现将图片覆盖整个div，可以使用CSS的background-size属性。示例如下：

HTML代码：

<div class="container">
  <img src="image.jpg" alt="Image">
</div>

CSS代码：

.container {
  width: 500px;
  height: 300px;
  position: relative;
  overflow: hidden;
}

.container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

解释：

1. 首先，创建一个div容器，设置宽度和高度为所需的尺寸。
2. 将div容器的position属性设置为relative，这样可以使得图片相对于div容器进行定位。
3. 将div容器的overflow属性设置为hidden，这样可以隐藏图片超出容器尺寸的部分。
4. 将img标签的宽度和高度设置为100%，这样可以让图片占满整个div容器。
5. 使用object-fit属性将图片按比例缩放并裁剪，以覆盖整个div容器。在本示例中，设置为cover表示图片将完全填充div容器，并可能被裁剪。

这样，图片就会覆盖整个div容器。根据实际需求，可以根据需要调整div容器的尺寸和图片的样式