7/24/2019 DiseoWebII Float

1/9

ESTRUCTURA DE

UNA PAGINA WEB:Propiedad FloatLic. Evelin Ala

Instituto Tcnico Sacaba

Carrera de Sistemas Informticos

7/24/2019 DiseoWebII Float

2/9

Qu es la propiedad Float?

Es una propiedad de CSS gracias a la cualpodemos, como su nombre lo indica, "hacerflotar" un elemento a alguna posicin relativa,rompiendo de esta manera el esquema o flujo

normal de la pgina.Los tres valores que acepta la propiedad floatson los siguientes:

Left: Flota el elemento a la izquierda

Right: Flota el elemento a la derecha

None: No flota el elemento a ningunaposicin, es el valor que viene por defecto.

Lic.

Evelin

Ala

7/24/2019 DiseoWebII Float

3/9

Ejemplo1

Ejemplo Float

7/24/2019 DiseoWebII Float

4/9

Ejemplo1

Ejemplo Float

7/24/2019 DiseoWebII Float

5/9

Ejemplo2

Ejemplo Float

7/24/2019 DiseoWebII Float

6/9

Ejemplo3

Lic.

Evelin

Ala

panelcontrol.html

7/24/2019 DiseoWebII Float

7/9

Ejemplo3

Ejemplo Float

7/24/2019 DiseoWebII Float

8/9

Prctica

Lic.

Evelin

Ala

1.-

7/24/2019 DiseoWebII Float

9/9

Prctica

2.

Lic.

Evelin

Ala