fbpx

Tamaño de caja, leccion 13, tema 3 (POSICIONAMIENTO ABSOLUTO)

  • Tamaño de caja, leccion 13, tema 3 (POSICIONAMIENTO ABSOLUTO)

    Posted by Cesareo Hernandez Reyes on 13 mayo, 2023 en 10:58 am

    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?

    Angel Sánchez respondido 11 meses, 1 semana 2 Miembros · 1 Responde
  • 1 Responde
  • Angel Sánchez

    organizador
    13 mayo, 2023 en 4:52 pm

    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.

Start of Discussion
0 de 0 respuestas Junio 2018
Ahora