Чтобы дочерний элемент соответствовал высоте родительского элемента, который зависит от содержимого, вы должны убедиться, что родитель имеет `position` отличный от `static` (по умолчанию `static`), а дочерний элемент должен иметь `height: 100%;` для растяжения по высоте родителя.
Вот пример HTML и CSS, в котором дочерний элемент будет растягиваться на всю высоту родителя:
```html
<!DOCTYPE html>
<html>
<head>
<style>
.parent {
position: relative; /* или любой другой не 'static', например 'absolute', 'fixed', или 'sticky' */
background-color: lightblue; /* Просто для визуализации области родителя */
}
.child {
height: 100%; /* Растягиваем дочерний элемент на всю высоту родителя */
background-color: lightgreen; /* Просто для визуализации области дочернего элемента */
}
</style>
</head>
<body>
<div class="parent">
Текст, который определяет высоту родительского блока.
<div class="child">
Дочерний блок.
</div>
</div>
</body>
</html>
```
Если у вас есть пример вашего кода, и дочерний элемент не растягивается на всю высоту родителя, возможно, это связано с одной из следующих причин:
1. Забыли задать `position: relative;` или другое значение кроме `static` для родителя.
2. Забыли установить `height: 100%;` для дочернего элемента.
3. В родителе или дочернем элементе используется `flexbox` или `grid` система размещения, и необходимо использовать свойства `align-items: stretch;` для родителя или `align-self: stretch;` для дочернего элемента, чтобы растянуть его по высоте.
4. Возможно, дочерний элемент находится внутри нескольких контейнеров, и вам необходимо применить `height: 100%;` для всех родителей вплоть до искомого.
Если проблема все еще не решена, предоставьте более конкретный пример вашего кода, чтобы я могла дать более точные рекомендации.