使用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 }

这将绘制您的边框-用不同的颜色，因此您可以轻松看到正在发生的事情-您可以在之后将其删除