En este mismo sitio se explica el posicionamiento flotante de CSS y dicen que "el elemento flotante deja de pertenecer al flujo normal de elementos".
Por tanto, si tenemos un <div> flotante hacia la izquierda en primer lugar y luego otros dos <div> (que no son flotantes) enseguida de el primero, entonces el segundo <div> ocupará la posición del primero, de tal forma que el segundo parece "desaparecer" visualmente ya que el primero quedo "encima" del segundo y probando eso la verdad es que no sucede así, lo que pasa es que el segundo <div> queda a la derecha del primer <div> pero no queda encima. Desconozco si este artículo tienen algún error en la explicación. Ver ejemplo 5.14
Si alguna alma caritativa tiene a bien probarlo y explicarme si estoy o no en la razón pero si probándolo le agradeceré la explicación al respecto.
Gracias.
Respuestas
Oh lo siento, si estaba en lo correcto el árticulo, algo estaba haciendo mal jajaja
@ivanhalen77
El comportamiento del float no es nada intuitivo al principio. He preparado este pequeño ejemplo donde quizás se ve mejor lo que está pasando: ver ejemplo.
@javiereguiluz
Me parece que sería bueno considerar agregar a la explicación de las cajas flotantes que cuando a un elemento de bloque se le asigna la propiedad para ser flotante este se comporta como un elemento de línea por lo cual se puede entender mejor que el elemento predecesor intenta colocarse en la misma línea como si se tratara de texto.
@ivanhalen77