使用 css 使元素与其子元素高度相同

Question

我有这个代码，孩子的身高在变化，但父母的身高保持不变。 我想要一个 CSS 代码使父母的身高与孩子的身高相同

<div class = "parent">
  <div class="child">

</div>

</div

Answer 1

注意：使用您的 HTML

如果您添加 CSS

<style>
    .parent, .child { 
      width: 120px; height: 100px;
    }
</style>

<div class = "parent">
  <div class="child">    
  </div>  
</div

孩子和父母都将具有相同的宽度和高度：120，乘以 100。更改这些值以适应您的需要。

如果您添加此额外的 CSS 行：

.parent { border: 1px solid red; }
.child { border: 1px solid blue }

这将绘制你的边框 - 以不同的颜色，所以你可以很容易地看到正在发生的事情 - 你可以在之后删除它