¿Por qué mi div de la columna izquierda no está tomando el 100% de la altura de su div principal?
Miré otros ejemplos aquí, pero nada parece funcionar para mi problema específico. Tengo dos columnas, una izquierda y una derecha, flotando a la izquierda y a la derecha respectivamente. La columna de la izquierda no toma el 100% de la altura de su padre. Tengo la altura establecida en todos los padres y probé min-height: heredar. Intenté anidar un div para extender la altura. No estoy seguro de qué más probar.
Aquí hay un violín: http://jsfiddle.net/tUzJ5/6/
preguntado el 09 de marzo de 12 a las 22:03
amandathewebdev
1 Respuestas
La columna de la izquierda está configurada para float:left;, y la altura no funciona como crees que lo hará con los flotadores.
Así es como cambié tu CSS http://jsfiddle.net/tUzJ5/7/
Básicamente, haz la columna izquierda position: absolutey el envoltorio #wrap DIV tiene position: relative.
respondido 09 mar '12, 22:03
Wow gracias. Eso fue rápido y asombroso. Entonces, ¿me seguiré encontrando con ese problema con los flotadores? - amandathewebdev
No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas css css-float html or haz tu propia pregunta.
¿Qué versiones de navegador necesita admitir? Si está de acuerdo excluyendo IE7 y versiones anteriores, entonces puede usar
display: table-cellen los dos divs y automáticamente coincidirán con la altura entre sí. - random_user_name