Ejercicios

Ejercicio 6/10 || Propiedades de posicionamiento

Las propiedades de posición deben usarse en este ejercicio para obtener el resultado esperado. La posición de la caja roja es estática, mientras que la azul es absoulta y se separa en un 50% de la parte superior del espacio de trabajo. Ten en cuenta el orden en el eje Z esperado de las cajas.

Código inicial

#blue {
  background-color: #8D94FF;
  width:70%;  
  height: 90px;
  border: 1px solid #0000B0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
}

#red {
  background-color: #E8B190;
  width:20%;  
  height: 150px;
  border: 1px solid #CC0000;
  -webkit-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
}
    
    
    

Position

Position

Evaluar Resultado

Correcto!

Vas por buen camino.

Siguiente ejercicio
Close

Fallaste...

Intenta de nuevo...

Volver