2011-08-24 12 views
7

Tengo un div que es float: left, y después de div es el resto de la página. Con el fin de mantener el resto de la página debajo de la div, debo colocar primero unabr clear = "all" vs css solution

<br clear="all"> 

Q: ¿Cómo posicionar el resto de la página debajo de la div flotaba? Creo que necesito para envolver el resto de la página en un nuevo div y flotarlo también. Pero tiendo a alejarme de las carrozas tanto como puedo.

+0

¿Puedes manipularlo/publicar un ejemplo de lo que quieres decir? – JonH

+1

¿Cómo se ve el html? – jeroen

+1

En html5, la etiqueta br no tiene dicho atributo. – Roland

Respuesta

6

En el siguiente elemento que puede utilizar el estilo clear:left.

Otra alternativa es establecer el estilo overflow en el elemento primario del elemento flotante para que lo contenga, como overflow:hidden.

+1

Asegúrate de que si usas 'overflow: hidden' para que el elemento no tenga un conjunto de altura explícito (como' height: 200px'), eso ocultará el contenido del usuario. – steveax

2

lo general envuelven alrededor de la otra div div flotante, con estilo overflow: auto

16

después del div que ha flotado. agregue el siguiente código

<div style='clear:both'></div> 

luego continúe el resto de la página como de costumbre.

+0

Lo usé mucho, pero no veo por qué es mejor que usar la etiqueta br en su lugar. Además, VisualStudio no marca un error si usted hace un div (accidental) de cierre automático, pero he tenido una mala conducta de JavaScript muy espeluznante sobre eso. Entonces esta solución es una fuente de errores. – Roland

0

crear una clase y se insertan en CSS:

br.cb { clear: both; } 

Insertar en el HTML:

<br class="cb"> 

este hecho más allá de W3 margen de beneficio y validador de CSS.

+0

+1 Lo necesito en muchos lugares, y es mucho más corto y claro que con una etiqueta div, que no se cierra automáticamente. – Roland