Html 使用图像作为容器？

我是否可以完全删除container div并将图像转换为容器，保留图像的宽度和高度，同时保留样式表中已有的容器样式？如有任何建议，将不胜感激。谢谢

.img\u缩放\u容器{
位置：相对位置；
显示：内联flex；
弯曲方向：行；
柔性包装：包装；
最大宽度：45%；
}
.img\u缩放窗口{
边框：2px实心#d4；
宽度：300px；
高度：300px；
位置：绝对位置；
最高：20%；
左：0%；
左边距：-200px！重要；
变换：缩放（0）平移Y（-50%）；
变换原点：0%0%；
过渡：一切都容易；
}
.img\u缩放\u容器：悬停.img\u缩放\u窗口{
左：170%；
转换：比例（1）translateY（-50%）；
}

如Felipe所述，如果您试图在图像顶部（内部）显示其他元素，您可以始终将图像设置为容器的背景，只需在外部容器中为其他div放置更多容器。

让背景图像推送父容器宽度和高度的一种方法是使用两个图像

<div class='container'>
  <img src='http://via.placeholder.com/350x150' class='pusher' />
  <img src='http://via.placeholder.com/350x150' class='animator' />
</div>

它们可以是相同的图像，只有一个不透明度为0且指针事件被禁用。这种方法也很容易做出响应。我在这里为您设置了一个演示：

---

希望有帮助

你不能用图像设置容器背景吗？你的意思是，在img中添加元素就像在div中一样？那么不，不可能。例如，相对位置、显示弹性等在image@FelipeLanza是的，我可以，但到目前为止，容器正在移动我页面上的一些其他元素，因此我想知道是否可能将容器大小调整为图像的大小会起到作用？@MihaiT好吧，我是这么想的，我不完全确定。谢谢你的回答！然后，您可能最好更改所讨论的div或您声称要移动的元素的position属性。