Tengo dos divs dentro de un div principal (mira la imagen a continuación). Cuando el div "negro" crece en altura, también lo hace el div "rojo" externo, pero quiero hacer que el div "verde" crezca también. ¿Cómo se puede hacer esto en CSS?Hacer que el div interno crezca en altura cuando crece el div externo
Puede usar las propiedades CSS table, table-row, and table-cell. Sin embargo, es posible que deba verificar si su navegador admite navegadores. http://www.quirksmode.org/css/display.html#table
Ejemplo: http://jsfiddle.net/2GawC/
D: ¡Pero eso no es necesario para esto y los diseños de tabla son terribles! –
No puedo pensar en otra forma de hacerlo? 100% divs solo se ajustará al contenido y no se expandirá con los hermanos: -S –
Habla de aplicar estilo de diseño de tabla a los divs en CSS, sin utilizar el diseño basado en tablas en HTML. No hay nada de terrible en eso, es una solución perfectamente legítima. –
Uso height:100% es probable que no trabaja porque el div padre tiene un atributo de positionstatic (por defecto). Aplique position:relative al padre y debería funcionar. :)
No ayudo .... –
como 100 altura%? –
¿Ha intentado 'height: 100%'? O, ¿no se está moviendo a medida que crece el 'div' negro? – Biotox
Busque diseños CSS de varias columnas, aquí o en Google, y se le ocurrirán muchas preguntas sobre exactamente lo mismo. – Ktash