¿Por qué mi div se expande para ajustarse al contenido del texto en lugar de permanecer dentro del cuadro?

No puedo leer su código, pero las dos propiedades que usaría para manejar restringir el texto al tamaño del cuadro serían la altura máxima y el desbordamiento.

Hay muchas formas diferentes de manejar el desbordamiento de ninguno para desplazarse u ocultarse, pero el comportamiento predeterminado es hacer crecer el elemento para que se ajuste al contenido y no truncar ningún contenido. Ese es el comportamiento más obvio bajo la creencia de sentido común ¿por qué alguien querría ocultar algo de su contenido? Los navegadores tienen que hacer juicios y los desarrolladores de dichos navegadores generalmente intentan hacer que el comportamiento más obvio y útil sea el predeterminado .

Lo que le está sucediendo a su cuadro de texto es simplemente la mejor solución que los desarrolladores podrían imaginar y, por lo tanto, se espera hasta que tome el control del elemento a través de su propio CSS o JavaScript.

El texto quiere aparecer por completo y empuja la parte inferior del cuadro aumentando su altura para que quepa, ¿ha intentado desbordar-y: desplazarse; y una altura fija?

No puedo ver el código en tu imagen, así que tendré que adivinar.

Intente establecer una altura máxima en su cuadro naranja interior, así como

desbordamiento: desplazamiento;

Esto le daría una barra de desplazamiento vertical. También puede usar desbordamiento: oculto si desea que simplemente corte el texto sin agregar una barra de desplazamiento.

rebosar

Debe establecer una altura fija para el cuadro de texto.

altura: 300 px:
desbordamiento-y: desplazamiento;

Debería hacer el truco.

Para obtener una barra de desplazamiento para ese div, use “overflow: scroll”.

Puede reducir el tamaño de la fuente a través de Javascript, pero el texto se volvería ilegible en este caso.

Intente configurar el desbordamiento para desplazarse o ninguno.

Ninguno no permitirá que el texto vaya más allá de la altura del div.

Desplazarse creará una barra de desplazamiento.

También intente configurar el salto de palabra.