0
128
VistasProblema con el modelo de caja CSS
He estado tratando de averiguar el CSS para uno de mis proyectos.
Tengo un 'contenedor de encabezado' de clase aplicado al contenedor div que al verificar es el siguiente:
Tengo una consulta sobre por qué el contenido del div 'envoltorio', que es hijo del div 'encabezado-contenedor', no está completamente dentro del cuadro de contenido (es decir, el cuadro resaltado en azul) y se puede ver en la parte naranja. Encuentre el CSS para el div contenedor a continuación:
¿Por qué el elemento CSS no sigue el modelo de caja CSS? y como se puede solucionar?
El proyecto se publica en - https://surijatin.github.io/covid-second-dose/
1 Respuestas
Responde la pregunta0
La respuesta está en tu imagen:
.header-containertiene una altura especificada de 2vh. Ese es el límite de altura.Entonces, el texto en
.wrappersimplemente está desbordando esa altura fija.
Las secciones naranjas son los márgenes superior e inferior de 2vh que ha establecido.
Elimine la height: 2vh o cambie a min-height: 2vh y el problema debería resolverse.