¿Por qué mi div de la columna izquierda no está tomando el 100% de la altura de su div principal?

I looked at other examples on here, but nothing seems to work for my specific issue. I have two columns, a left and a right, floated left and right respectively. The left column is not taking 100% height of it's parent. I have height set on all parents and I tried min-height: inherit. I tried nesting a div to extend height. I'm not sure what else to try.

Aquí hay un violín: http://jsfiddle.net/tUzJ5/6/

preguntado el 09 de marzo de 12 a las 22:03

Which browser versions do you need to support? If you are OK excluding IE7 and earlier, then you can use display: table-cell on the two divs and they will automatically match height to each other. -

1 Respuestas

The left column is set to float:left;, and height doesn't work like you think it will with floats.

Here's how I changed your CSS http://jsfiddle.net/tUzJ5/7/

Basically, make the left col position: absolutey el envoltorio #wrap DIV have position: relative.

respondido 09 mar '12, 22:03

Wow, thank you. That was quick and awesome. So I'll keep running into that issue with floats? - amandathewebdev

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.