1
respuesta

Altura de quiebre - Display: flex

.Curso 2. Footer y controlando más los elementos (video "Arreglando el mapa de cursos")

. . .rodapePrincipal-navMap-list{ display: flex; flex-direction: column; height: 260px; //Porqué en esta línea no se ve alterado si se coloca un valor porcentual, en el caso de que no quiera trabajar con px flex-wrap: wrap; } . . .

1 respuesta

Hola David, espero que estés bien.

Cuando se utiliza un valor en porcentaje para definir la altura de un elemento, se está definiendo la altura en relación al elemento padre.

Por ejemplo, si se tiene un contenedor con una altura definida en 500px y se define un hijo con una altura del 50%, el hijo tendrá una altura de 250px. Esto es porque el valor en porcentaje se calcula en función de la altura del elemento padre.

Es importante tener en cuenta que cuando se utilizan valores en porcentaje para definir la altura de los elementos, se debe tener cuidado con la altura de los elementos padre y cómo se ajusta en función del contenido, ya que puede afectar la altura de los elementos hijos. Además, en algunos casos, puede haber limitaciones en cómo se puede aplicar el valor en porcentaje, especialmente cuando se trata de elementos que no tienen un ancho o alto definido.

Si se quisiera utilizar una altura en porcentaje, se tendría que establecer la altura del elemento padre (y posiblemente de los elementos abuelos) en un valor porcentual en relación al contenedor principal.

Si tienes alguna duda, no dejes de preguntar. ¡Estamos aquí para ayudarte!.

¡Saludos!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios