Tengo una pregunta sobre el diseño de un sitio web. Quiero mantener la altura total fija en 100vh sin importar si la sección B, que está hecha de Panel de expansión angular (estoy usando angular 12), está expandida o colapsada. De esta forma, la sección C podría tener una barra de desplazamiento (que creo que debería ser). Sin embargo, aunque la sección C se proporciona con overflow-y: auto, el resultado final no cumplió con lo que esperaba. ¿Alguien puede ayudarme a solucionar este problema?
Puede hacer uso de las capacidades flex para cumplir con los requisitos:
.section { ... display: flex; flex-direction: column; } .section-C { // height: 800px; <-- remove this flex: 1; overflow-y: auto; }