Propiedades FLOAT Y CLEAR CSS

Page 1

IES SIERRA NEVADA Curso 2015/2016

2º Bachillerato TIC:Tecnología de la Información y la Comunicación

Propiedades float y clear La propiedad float especifica si un elemento debe flotar . La propiedad clear se utiliza para controlar el comportamiento de los elementos flotantes.

Propiedad float:

img {

En su uso más sencillo, la propiedad float se puede utilizar para ajustar el texto alrededor de las imágenes . El ejemplo siguiente especifica que una imagen debe flotar a derecha en un texto :

float: right; margin: 0 0 10px 10px; }

la

Propiedad clear: Clear se utiliza para controlar el comportamiento de los elementos flotantes. Elementos después de un elemento flotante fluirán a su alrededor. Para evitar esto ,se utiliza la propiedad clear.Clear especifica que parte de un elemento flotante no se le permite flotar. Ejemplo

div { clear: left; }

clearfix Hack - overflow: auto; Si un elemento es más alto que el elemento que lo contiene, se produce un desbordamiento. Entoces podemos añadir overflow: auto; al elemento contenedor para solucionar el problema Ejemplo

Francisco Manuel García Vallejo

Página 1 de 7


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.
Propiedades FLOAT Y CLEAR CSS by Francisco Manuel García Vallejo - Issuu