我只是在学习编码，并一直在寻找答案，因为某些原因找不到任何答案。
我注意到将图像放在容器或包装器中似乎是常见的做法。例如，而不仅仅是：
<img src="url"/>
每个人似乎都同意它需要这样：
<div class="container">
<img=src"url"/>
</div>
以这种方式将img包装在div中的目的是什么？它似乎与“响应式设计”有关，但我并非100％肯定。是否只是为了让我们有一些相对于图像尺寸的尺寸，而不是像css中的图像选择器那样使用像像素那样的明确尺寸？在我写这篇文章时，我想的越多，它看起来就越正确，但我不确定在这一点上是否还有其他东西。
非常感谢任何见解。谢谢。
答案 0 :(得分：1)
不幸的是，没有“单一”正确答案。
关于为什么要将任何元素包装在另一个元素中的原因可能有很多，它并不特定于<img />标签：）
在你的问题中我读了这样的东西（转换成现实世界的例子）：
我发现在照片周围放一个框架是很常见的做法。
“frame”将是包装元素，而照片将是<img />。
以这种方式看待它可能会让它看起来更清晰。照片是最重要的部分，从技术上讲，您不需要框架来显示照片。如果你只有一张照片，你将无法将它挂在墙上而不会损坏它，方法是将钉子钉在顶部或涂上一些胶带。如果你有一个框架，你可以让那张照片占用它内的任何可用空间，你可以使用它把它挂在墙上，如果你把多张照片放在画面中，你可以一次移动它们因为它们处于相同的框架中。
大多数人将该图像放在“容器”中的原因是因为它们仅仅使用图像就可以获得某种优势，这可能包括纵横比锁定和相对定位。在某些情况下，还需要一个包装器来实现某些（特别是更复杂的）动画。
网站由“逻辑”部分构成，这些部分共同构成一个网站。各个部分都是“框架”，它们“流动”在一起，以创建您在每个网站上看到的任何页面布局。
它只是一种结构化的思维方式，如果该图像的目的是用作整个页面的背景图像，更好的选择是在{{1上使用CSS background-image属性标签，根本不使用图像。但是，如果图片是您网站较小部分的一部分，那么它应该包含在适当的位置。
这个答案绝不是指南，也不是规则集或类似的东西，它们只是另一个开发人员的想法。包装元素有无数的原因，这个答案甚至不包括0.0000001％的情况。我只是说 - 或 没有具体原因。