CSS:如何确保图片完全填满容器？

在CSS中，可以使用以下方法来确保图片完全填满容器：

1. 使用背景图像：将图片作为容器的背景图像，并设置背景大小为cover，这样图片将会被缩放并完全填满容器。示例代码如下：

.container {
  background-image: url('image.jpg');
  background-size: cover;
  background-position: center;
}

1. 使用绝对定位：将图片设置为绝对定位，并设置宽度和高度为100%，这样图片将会根据容器的大小进行缩放并完全填满容器。示例代码如下：

.container {
  position: relative;
}

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

1. 使用object-fit属性：将图片设置为块级元素，并使用object-fit属性设置为cover，这样图片将会根据容器的大小进行缩放并完全填满容器。示例代码如下：

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

以上方法可以确保图片完全填满容器，并根据容器的大小进行缩放。根据具体的需求和场景选择适合的方法即可。

推荐的腾讯云相关产品：腾讯云对象存储（COS），它是一种海量、安全、低成本、高可靠的云存储服务，适用于图片、音视频、文档等各种类型的文件存储和分发。您可以通过以下链接了解更多关于腾讯云对象存储的信息：腾讯云对象存储（COS）