css -прокручиваемый дочерний элемент фиксированного элемента

У меня есть фиксированный элемент div со 100% высотой, а внутри него — элемент -div, расположенный относительно друг друга. Дочерний элемент div -содержит текст, который можно изменить, поэтому он не имеет фиксированной высоты.

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

РЕДАКТИРОВАТЬ :Минимальная и максимальная высота, казалось, почти не учитывались. Я рассчитал, какую вертикальную площадь текстовое поле займет для минимальной «допустимой» высоты экрана, и установил ее как высоту. Добавление минимальной и максимальной высоты не изменило этого. Единственная проблема с этим решением заключается в том, что поле всегда около ~60%, поэтому даже когда ему не нужно прокручивать, оно это делает. Это работает, но не идеально. Если есть способ обойти это, было бы здорово.

Это то, что у меня есть до сих пор:

<div class="content">
    <div id="textbox"> some text
    </div>
</div>

.content { position: fixed; height: 100%; top: 0px; right: 0px; }

#textBox { 
    position: relative;
    top: 165px;
    height: 61.5%;
    overflow-y: auto;
}

Есть ли лучший, более глупый -способ доказательства для этого?