Ho due div all'interno di un div padre (vedi immagine sotto). Quando il div "nero" cresce in altezza, lo stesso vale per il div "rosso" esterno, ma voglio far crescere anche il div "verde". Come può essere fatto in css?Aumenta div interno in altezza quando cresce div esterno
È possibile utilizzare le proprietà CSS table, table-row, and table-cell. Potrebbe essere necessario controllare se è supportato nei browser il tuo targeting però. http://www.quirksmode.org/css/display.html#table
Esempio: http://jsfiddle.net/2GawC/
D: ma questo non è necessario per questo e il layout della tabella è terribile! –
Non riesco a pensare a un altro modo per farlo? Le immersioni al 100% si adattano solo ai contenuti e non si espandono con i fratelli: -S –
Sta parlando di applicare lo stile di layout di tabella ai div in CSS, non utilizzando il layout basato su tabella in HTML. Non c'è nulla di terribile in questo, è una soluzione perfettamente legittima. –
Usa height:100% è probabilmente non funziona perché il div genitore ha un attributo position di static (default). Applicare position:relative al genitore e dovrebbe funzionare. :)
Non ha aiutato .... –
come 100% altezza? –
Hai provato "altezza: 100%'? Oppure, non si muove come cresce il div nero? – Biotox
Cerca i layout multi-colonna CSS, qui o su Google, e troverai molte domande su questa stessa identica cosa. – Ktash