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.
#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;
}