css设置图片宽高，始终填满img外div

在CSS中，如果你想让图片始终保持其原始宽高比例，并且填充其外部容器div直到完全占据空间，可以使用相对单位或者`object-fit`属性来实现。这里有两个方法：

1. **百分比宽度和高度**:
如果图片的宽度和高度都可以是动态值，可以给图片设置宽度和高度都为100%，让它始终保持原始宽高比。同时，你需要将外部div的宽度设置为`width: 100%`并设置`height: auto`，以便图片的高度根据内容自适应。

   .container {
     width: 100%;
     height: auto; /* 这里不需要height: 100% */
   }

   img {
     width: 100%;
     height: 100%; /* 维持原始宽高比 */
   }

2. **使用`object-fit`属性**:
`object-fit` 属性允许你在容器大小发生变化时，调整图像的尺寸以适合容器。设置为`cover`可以让图片充满容器，同时维持其原始宽高比。

   .container {
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     height: 100%;
   }

   img {
     max-width: 100%;
     max-height: 100%;
     object-fit: cover; /* 使图片充满容器 */
   }

注意：这种方法对非正方形图片可能会裁剪部分内容。