Código:
#cajamadre{
border:2px solid blue;
display:-webkit-flex;
-webkit-box-orient: horizontal;
}
#caja1{
border: 2px solid red;
background: blue;
-webkit-flex: 1;
padding:20px;
margin: 10px;
}
#caja2{
border: 2px solid red;
background: red;
padding:20px;
margin: 10px;
}
Tal como esta en el video no me funciona, ya que el código yá es antiguo (2011, que loco), en el video le pone a la caja madre la propiedad display:-webkit-box; y nada en la caja hija. Pero segun leí ahora se pone display:-webkit-flex; en la caja madre y -webkit-flex: 1; en la caja hija, así lo puse en el código de arriba.
el html es un section id="cajamadre" y las demas cajas son del tipo div id="caja1"
pregunta: Por que no me hace caso cuando pongo -webkit-box-orient: vertical; en vez de horizontal, y por que todas las cajas solo le siguen los cambios a la primera caja, no tienen comportamiento independiente??color borde,etc.
Gracias por leer todo este rollo... haa me olvidaba uso chrome