html - 使用图像作为容器？

Question

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

.img_zoom_container {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 45%;
}

.img_zoom_window {
  border: 2px solid #d4d4d4;
  width: 300px;
  height: 300px;
  position: absolute;
  top: 20%;
  left: 0%;
  margin-left: -200px !important;
  transform: scale(0) translateY(-50%);
  transform-origin: 0% 0%;
  transition: all ease .2s;
}

.img_zoom_container:hover .img_zoom_window {
  left: 170%;
  transform: scale(1) translateY(-50%);
}

<div class="img_zoom_container">
  <img id="main_img_kit" class="prod_img mobile_hideb" height="300" width="300">
  <div id="img_main" class="img_zoom_window"></div>
</div>

Answer 1

正如 Felipe 所提到的，如果您试图在图像之上(之内)显示其他元素，您始终可以将图像设置为容器的背景，并简单地将更多容器放在外部容器中以供其他 div 使用。