Float & Clear

Float

Especifica si un elemento debe de flotar o no

img {
    float: left;
    margin: 10px 0 0 10px;
}

Clear

Se utiliza para controlar el comportamiento de los elementos flotantes.
Especifica de que lado del elemento no es permitido flotar

div {
    float: left;
    width: 200px;
    height: 200px;
    margin: 10px;
    border: 6px solid green;
}

#dato {
    border: 10px solid blue;
    clear: left;
}

Overflow

Si un elemento es de mayor tamaño que su contenedor y este esta flotando.
Usar overflow:auto;

div {
    border: 13px solid red;
}

img {
    float: left;
}

.solucionar {
    overflow: auto;
}

Overflow

visible
hidden
scroll
auto
initial

Float

By Jesús Glez

Float

204

Jesús Glez