Hola,
He estado experimentando últimamente con estas propiedades, y no he podido solucionar, hasta ahora, un problema con dos divs.
Tengo lo siguiente:
Código HTML:
<html>
<body>
<div style="min-width: 720px; max-width: 1120px; margin: 0 auto;">
<!--div 1-->
<div style="float: left; margin: 10px; min-width: 700px; max-width: 700px; height: 350px; background: #21b6e4;"></div>
<!--div 2-->
<div style="float: left; margin: 10px; min-width: 380px; max-width: 700px; height: 350px; background: #000;"></div>
</div>
</body>
</html>
Al tener la ventana maximizada, mayor a 1120px, ambos divs estan a la misma altura. (ver: http://prntscr.com/9lomn)
Pero cuando intento reducir el tamaño de la ventana, menor a 1120px, tengo un problema con el segundo div. (ver: http://prntscr.com/9lop7)
No he podido hacer que el segundo div tenga el mismo largo que el primero.
Me gustaría saber si alguno de ustedes sabe cómo poder realizar esto (ver: http://prntscr.com/9lot0), me sería de mucha ayuda.
Gracias de antemano.