设置孩子“身高100％”与父母的“身高自动”

如何解决设置孩子“身高100％”与父母的“身高自动”

你好，其他成员。

多年来，我一直是该网站的用户，它已经无数次为我提供帮助，这是我第一次需要发布自己的问题。

我有一个具有高度自动值的父div，试图使其适应内部的文本内容。它的内部有一个带有背景图像的div，我希望它占据父对象高度的100％。

显然它不起作用，这是代码。也许您可以帮助我修复它，或者告诉我解决方法。

<section class="auto-height-section">
   <div class="div-with-image">

   </div>
   <div class="rest-of-content">
     Information,text,images
   </div>
</section>

css看起来像这样：

section.auto-height-section {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}

div.div-with-image {
  width: 30%;
  float: left;
  background-image: url('my-image');
  background-size: cover;
  height: 100%;
}

div.rest-of-content {
  width: 70%;
  float: left;
  padding: 4vh 15%;
}

---

我的想法是，该部分将遵循div“其余内容”的高度，而图像div将遵循该部分的高度，将其放大一点听起来听起来有点圆，但是我看不到为什么不能做到大声笑

我曾经考虑过使用CSS网格，但是完全使用了tbh，一段时间以来我一直没有使用编码，并且从未使用过它。

在此先感谢您的帮助！