Question

Vistas

La estructura div es -

 <div class="parent"> <div class="left float-start"></div> <div class="right float-end overflow-y"></div> <div>

Ahora,

Para el hijo izquierdo -
- la altura debe basarse en el contenido dinámico
- se muestra completamente sin desplazamiento de desbordamiento
Para el niño correcto -
- la altura también se basa en el contenido dinámico, pero
- la altura máxima debe ser la altura del niño izquierdo
- configurado para overflow-y scroll, por lo que nunca es más largo que el hijo izquierdo, pero puede ser más corto

¿Cómo hago esto solo usando css?

¡¡Cualquier ayuda sería apreciada!!

about 4 years ago · Juan Pablo Isaza

Responde la pregunta

Answer 1 · 2022-07-01T02:01:05.178Z

@Ashley puedes usar este css para este problema.

 <div class="parent"> <div class="left float-start"></div> <div class="right float-end overflow-y"></div> <div>

// Para igual altura del div CSS:-

 .parent {display: flex;}

/***** para vista móvil *****/

 @media (max-width: 767px) {.parent { flex-wrap: wrap;}}

// esto es romper la columna de acuerdo al ancho del div