Hola tengo estos divs:



Tienen los mismos elementos en cada uno. Hasta aquí todo bien pero luego al cambiar el height (display:none en un div dentro) de uno de los divs (el primero) se descoloca y se queda mas arriba



Yo quiero este resultado:



Con float: left los dos primeros se quedan bien pero el tercero no esta al lado del primero sino mas abajo y tampoco lo puedo usar porque utilizo el contenido de estos divs para el height del padre.
Alguna idea?

Un saludo

float right? xD!

(PD: es broma)

So, yo creo que tendras que acudir a hacer lo que dijo ivancea, o hacer magia con transform, pero la verdad es que de otra manera lo veo muy dificil si solo usas css puro

No puedo porque el usuario es el que genera todo el contenido.


Existe flex con display block de modo de poder usar elementos con position: absolute dentro del div con flex ?

La librería es perfecta 

Gracias

No veo por que no seria posible..

https://jsfiddle.net/dmh0341L/

Lo que pasa es que estás usando row en lugar de column. Mira éste nuevo JsFiddle que te hice. Clickea cualquier cuadro y se redimensionará, para que verás el flujo que toman las cajas.