2010-07-10 16 views
8

Este es un problema que he tenido varias veces al intentar crear diseños con una barra lateral.Borrar dentro div div A es borrar el flotador de div B, que está fuera de div A

Hice un ejemplo aquí: http://samutz.com/div.html

#content tiene cosas en su interior que necesita para flotar y luego claro dentro única #content. Pero cuando trato de borrar #content interno, también borra el flotador de la barra lateral #, a pesar de que #sidebar está fuera de #content.

+0

¿Qué navegador? Me parece bien en Opera ... –

+0

¿Has probado las respuestas? –

Respuesta

5

Opción A:

  1. Retire claro: tanto desde #cleared
  2. Wrap #floating dentro de otro div, dar al nuevo div overflow:hidden; zoom:1;

Si esta meta la pata de texto #content , ponga el texto dentro de este nuevo div:

http://medero.org/clear2.html

Explicación de la técnica de desbordamiento: http://work.arounds.org/clearing-floats/

Opción B:

También puede colocar de manera absoluta la barra lateral, pero puede que tenga que meterse con min-alturas si llega a ser larga.

adicional:

Si tiene que contener la barra lateral con su envoltura principal:

http://medero.org/clear3.html

+0

Gracias, voy con la opción A. – Samutz

+0

¿Sigue siendo cierto? Me encontré con este problema y estaba seguro de haberlo resuelto de una manera diferente en el pasado; pero ha pasado un tiempo y esto es lo único que puedo hacer ahora. – Nicole

+0

enlaces rotos, por favor corrige – Vamsi

Cuestiones relacionadas