1. Inicio
  2. Pregunta y respuesta
  3. Haciendo que el envoltorio div se extienda a la misma altura que el contenido divs

Haciendo que el envoltorio div se extienda a la misma altura que el contenido divs

2010-02-23 10 views
6

Tengo un divisor div con un conjunto de altura mínima. La posición es relativa y la pantalla es bloque. Tengo dos divisiones de columna flotadas a la izquierda y configuradas para heredar min-height.Haciendo que el envoltorio div se extienda a la misma altura que el contenido divs

Cuando tengo un contenido extenso, el color de fondo de #wrapper nunca se extiende para que coincida con el contenido en los divisores de columna.

página está aquí: http://youngimaginations.dreamhosters.com/index.php

CSS está aquí: http://youngimaginations.dreamhosters.com/yi.css

Puede alguien señalar el error de mis maneras?

Fuente

2010-02-23 jerrygarciuh

Respuesta

22

overflow: auto hará el truco

o una <div style='clear: both'> después de que los elementos flotantes.

Fuente

2010-02-23 19:27:30

+0

ten cuidado con los problemas con ese truco en Safari. – pixeline

+1

¡Muchas gracias! – jerrygarciuh

8

La solución correcta se llama "clearfix".

Lectura sobre él here, nunca mirar hacia atrás.

Fuente

2010-02-23 19:29:56 pixeline

+0

¿Funcionará eso en IE6? Si lo hace, estoy vendido. –

+0

sí, verá este hilo: http://stackoverflow.com/questions/211383/which-method-of-clearfix-is-best. – pixeline

+0

¡Agradable! +1 ------ –

Cuestiones relacionadas

 Cuestiones relacionadas