ayuda con clear

monosulpa · #1 (**permalink**) 11/12/2007, 21:25

bueno mi duda es cual es realmente la funcion clear porque segun lo que estube leyendo la definicion es la siguiente

"especifica si el elemento permite elementos flotantes a su lado"

clear:left --> no permite elementos flotante a su izquierda
clear:right --> no permite elementos flotantes a su derecha
clear:both --> no permite elementos flotantes a los lados
clear:none --> permite elementos flotantes

ahora porque cuando hago este ejemplo sencillo no hace lo que en teoria deberia

Código:

<html>
<head>
<style type="text/css">

#columna2 {
float:left;
width:50%;
clear:right;
}

#columna3 {
float:right;
width:30%;
}

</style>

</head>

<body>

 <div id="columna2">
Contenido de la columna2. Contenido de la columna2. Contenido de la columna2. Contenido de la columna2. Contenido de la columna2. Contenido de la columna2. Contenido de la c2
    </div>
	
    <div id="columna3">
Contenido de la columna2. Contenido de la columna2. Contenido de la columna2. Contenido de la columna2. Contenido de la columna2. Contenido de la columna2. Contenido de la columna2. Contenido de la columna2. Contenido de la columna2. Contenido de la columna2. Contenido de la columna2. Contenido de la columna2. Contenido de la columna2. Contenido de la columna2. Contenido de la columna2. 
    </div>

</body>
</html>

lo que yo no me explico si estoy diciendo a la primera columna que no permita elementos flotantes a su derecha pero cuando a proposito mando al otro elemento a flotar a su derecha este lo hace cuando en teoria no deberia ya que el clear:right hace que no haya elementos flotantes a su derecha pero no entiendo porque no hace lo que en teoria deberia ???

emiliodeg · #2 (**permalink**) 11/12/2007, 23:40

si pones un elemento depsues del div columan3 cualquier sea por ejemplo un parrafo <p> ste va a quedar por debajo de las columanas 2 y 3
entoences se utiliza un clear:both; para limpiar a ambos lados y el parrafo <p> aparezca por debajo de las columasn

tanto float como position:absolute; se salen del flujo de la pagina

monosulpa · #3 (**permalink**) 12/12/2007, 00:22

ummm todavio no lo capto