Растяжение и изменение размера div динамически

Question

Я пытаюсь растянуть div, как только какой-то текст загружен. Я могу сделать это, задав min-height: 140 px и height: 100% для его родительского контейнера.Но содержимое моего div пересекает родительский контейнер.Как я могу ограничить внутренний div так, чтобы он не пересек родительский контейнер.

Пожалуйста, помогите мне, потому что я так долго пытаюсь это сделать.* HP

Answer 1

Используйте атрибут overflow в вашем CSS.

#myDiv {
    overflow:auto;
}

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

Answer 2

Каждый элемент на странице представляет собой прямоугольное поле. Размер, расположение и поведение этих блоков можно контролировать с помощью CSS. Под поведением я подразумеваю, как бокс обрабатывает его, когда содержимое внутри и вокруг него изменяется. Например, если вы не установите высоту блока, высота этого блока будет увеличиваться настолько, насколько это необходимо для размещения содержимого. Но что происходит, когда вы устанавливаете определенную высоту или ширину на поле, а содержимое внутри не помещается? Именно здесь появляется свойство переполнения CSS, позволяющее вам указать, как вы хотите, чтобы это обрабатывалось.

overflow:auto;

Ссылка

w3schools
трюки css