сделать элемент такой же высоты, как его дочерний элемент с 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 }

, это будет рисовать вашу границу - разными цветами, чтобы вы могли легко видеть, что происходит - вы можете удалить это после