Float

El posicinamiento flotante es el más dificil de comprender pero al mismo tiempo es el más utilizado. La mayoria de estructuras de las páginas web complejas están diseñadas con el posicionamiento flotante. Cuando se utiliza este modelo, las cajas dejan de pertenecer al flujo normal de la página lo que significa que el resto de cajas ocupan el lugar dejado por la caja flotante. La caja flotante se posiciona lo más a la izquierda o lo más a la derecha posible de la posición en la que encontraba originalmente. Las propriedades de float son left, righ y none. Para utilizar texto alrededor de imagenes se utiliza float. Si se utiliza dos imagenes estas se ponen en el código html ante del texto.

Clear

La propriedad clear permite modificar el comportamiento por defecto del posicionamiento flotante para forzar a un elemento a mostrarse debajo de cualquier caja flotante. Esta propriedad indica el lado del elemento HTML que no debe ser adyacente a ninguna caja posicionada de forma flotante. Los valores que puede tomar son left, right, both (que desplaza el elemento por los dos lados de forma descendente hasta quedar por debajo del borde inferior de cualquier elemento flotante) y none.

Ejercicios resueltos en

Siguiente

Anterior