Avatar

@ricardocosmequispegarcia102061

En el vídeo se menciona que el Margin si es relativo a la altura del papa, haciendo pruebas veo que no es así, les daré los datos.

HTML:

<body>
   <article class="article-1">
       Lorem, ipsum dolor sit amet consectetur adipisicing elit. 
       Eaque laudantium dolores quam, voluptate ipsam numquam 
       doloribus autem. Expedita suscipit labore quasi. 
       Fuga quasi blanditiis distinctio eos enim deleniti eius modi!
   </article>
</body> 

CSS:

[class^="article"] {
   background: yellow;
   margin-top: 10%;
   width: 500px;
}

Teniendo en cuenta el código el <body> seria el papa que tendría el siguiente tamaño 643 x 54 como se puede ver en las imágenes, haciendo los cálculos si mi <article> su margin fuera relativo a la altura del papa tendría un margen de 64.297 x 5.4 pero inspeccionando con la herramienta veo que no es asi y es relativo al ancho al igual que el padding. ¿Esto es correcto o estoy omitiendo algo?. Saludos

MM

@joemirandac

El % se calcula respecto al ancho del elemento padre. Me parece rato porque esto lo aprendí de Álvaro, quizá cortaron la parte del video donde se corrige o en verdad tuvo un lapsus.

Recuerdainiciar sesiónpara participar en la comunidad.