Efecto raro en los DIV

[waltersele]

Respondo con lo que dicen en webdesigner depot..

Even when used correctly, floats change the normal flow of a document which can cause unexpected behavior and limit styling options. Since a float is not in the ‘normal flow’, non-positioned block boxes created before and after the float box flow vertically as if the float did not exist. With responsive design, where sizes are dynamic and flowing to fill up available space, this is far from ideal. What if there was a better way?

Flexbox is the exciting future of web layouts but, for those of us that must support legacy browsers, this is still a far-off dream. The display property, on the other hand, has full support and can provide almost all the layout functionality of a float without the drawbacks.

Aunque se usen correctamente, floats cambian el comportamiento normal de un documento...porque puede causa comportamientos inesperados y limitaciones en el diseño.

Para acabar tanto debate..¿ Cual será mejor práctica ?