img允许图片溢出，但必须填充整个盒子，不允许变形

好的，根据你的要求，下面是一个例子：

HTML代码：

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

CSS代码：

.image-container {
  width: 200px;
  height: 200px;
  overflow: visible;
  position: relative;
}

.image-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

上面的代码中，我们创建了一个宽高为200px的父容器，并将overflow属性设置为visible，这样图片就可以溢出父容器。而且，我们将图片的宽高都设置为100%，并将object-fit属性设置为contain，这样图片就能够填充整个父容器，而不会变形。

另外，我们将图片的position属性设置为absolute，并将top和left属性都设置为0，这样图片就能够在父容器中居中显示。

你可以将上面的代码复制到一个HTML文件中，并将example.jpg替换为你自己的图片，然后在浏览器中打开该文件，即可看到效果。