Question

对于noob问题抱歉，但我有点卡住了。我有以下代码（我评论了一些），它没有按预期工作。

目前，class =“article”的div的高度只会延伸到class =“info”的div。但是，我希望它扩展到class =“info”的div或图像扩展。换句话说，我希望class = article的div具有更高的高度：图像或class =“info”的div。

<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>

很抱歉，如果这是一个非常令人困惑的解释...如果需要更多说明，请告诉我。

谢谢！

Answer 1

您不应该使用align属性，因为它已在HTML5中弃用。您可以float替换图像，然后应用某种clearfix。添加了一个clearfix类，您可以在已浮动子元素的任何元素上重用该类。

＆＃13;

.article {
  background: #eee;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

＆＃13;

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

＆＃13;

你如何使div成为其中img或文本的高度？

1 个答案: