Tengo un web donde hay un contenedor principal con varias pestañas donde van mostrando contenido. Ese contenedor esta centrado. El problema es que al añadir mas contenido por así decirlo se acaba desbordando, es decir el contenido se sale del contenedor. La idea es que al ir añadiendo mas contenido simplemente el contenedor se va ajustando verticalmente.
Web con el contenido "desbordado":
CSS del contenedor:
.myContainer {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #ffff;
padding: 0;
width: 70%;
height: 80%;
}
HTML:
<div class="myContainer">
<app-profile-links></app-profile-links> <!-- Links -->
<router-outlet></router-outlet> <!-- Contenido de cada pestaña-->
</div>
No se si es suficiente con esto. Si alguien necesita algo más que me lo digo y se lo paso.
Me pasa esto con todas las pestañas no solo con esta. He probado otras propiedades CSScomo min-height y sigue pasando lo mismo.
Si alguien me puede ayudar estaría muy agradecido :))) soy un total novato en CSS.