Html 如何将div设置为img或其中文本的高度？

对不起，我有点困了。我有下面的代码（我注释了一些），但它没有按预期工作

当前，class=“article”的div的高度仅延伸至class=“info”的div。但是，我希望它能够扩展到class=“info”的div或图像的扩展。换句话说，我希望class=article的div具有较高的高度：image或class=“info”的div

同侧眼珠，同侧眼珠，同侧眼珠，同侧眼珠，同侧眼珠，同侧眼珠，同侧眼珠，同侧眼珠，同侧眼珠，同侧眼珠，同侧眼珠，同侧眼珠，同侧眼珠。

对不起，如果这是一个超级混乱的解释…让我知道，如果需要更多的澄清

---

谢谢大家!

您不应该使用

align

属性，因为它在HTML5中已被弃用。您可以

浮动

图像，然后应用某种clearfix。添加了一个clearfix类，您可以在具有浮动子元素的任何元素上重用该类

.article{
背景：#eee；
}
.clearfix:之后{
内容：“；
显示：表格；
明确：两者皆有；
}

同侧眼珠，同侧眼珠，同侧眼珠，同侧眼珠，同侧眼珠，同侧眼珠，同侧眼珠，同侧眼珠，同侧眼珠，同侧眼珠，同侧眼珠，同侧眼珠，同侧眼珠。

align=left已过时，它的作用实际上类似于float:left。。。我想你需要清除你的浮动元素

<div class="article" style="padding-bottom:30px">
      <img src="img.jpg" style="height:70px;width:70px;border-radius:50%;margin-right:10px" align="left">
      <div class="info">Lorem ipsum dolor sit amet, lacus lacinia est tempus. </div>
</div>