Grupo de HTML y CSS
Este grupo esta relacionado con nuestro curso profesional de HTML y CSS. Aquí se comparten temas... View more
organizador:
- Organizado por
-
Tamaño de caja, leccion 13, tema 3 (POSICIONAMIENTO ABSOLUTO)
Tamaño de caja, leccion 13, tema 3 (POSICIONAMIENTO ABSOLUTO)
Cuando tengo las siguientes cajas
<div class="caja">
<div class="header"></div>
<div class="footer"></div>
</div>y los siguientes estilos para estas cajas
.caja{
width: 200px;
margin: auto;
}
.header {
width: 200px;
height: 400px;
background: red;
border: solid 2px;
}
.footer {
width: 204px;
height: 100px;
background:blue;
}Por que no se asigna un alto a la clase .caja?
Como se determina el alto de la clase .caja?
- 1 Responde
En tu código, no se asigna explícitamente un alto a la clase .caja en el archivo de estilos CSS. Esto se debe a que no se ha especificado ninguna regla para establecer la propiedad height en la clase .caja.
El alto de un elemento se determina automáticamente en función de su contenido, a menos que se especifique lo contrario. En este caso, dado que el contenido de la caja consiste en dos elementos secundarios, el alto de la caja se ajustará automáticamente para abarcar el tamaño de esos elementos. El header y el footer.
Si quieres que tu div caja tenga un alto diferente tienes que asignárselo así:
.caja{
width: 200px;
margin: auto;
height: ALTO DESEADO EN PX;
}
Inicia sesión para responder.