Limite di altezza figlio DIV a padre DIV Altezza con fratello minore variabile

Question

Ho un contenitore <div> con un'altezza specificata e sono contenuti all'interno di altri due DIV, per la copia introduttiva che può variare (immessa dal client) e un altro per elencare fuori varie caratteristiche.

Desidero che le funzioni <div> riempiano automaticamente lo spazio rimanente nel genitore, quindi scorri l'overflow.

Come faccio?

CSS:

#article { 
    width:940px; 
    height:500px 
} 

#article-content { 
    margin: 20px 0; 
} 

#article-features { 
    height:100%; 
    overflow-x: auto; 
} 

jsFiddle

Answer 1

Non c'è modo di farlo con HTML4 altro che fare affidamento su javascript per cambiare dinamicamente l'altezza del fondo div basano su calcoli (parent_height - sibling_height).

Si può guardare a questo: CSS HTML - DIV height fill remaining space

Con HTML5 si possono utilizzare Flexbox di utilizzare lo spazio rimanente. Nota che ci sono alcune limitazioni ma può rispondere alle tue esigenze. Vedi http://caniuse.com/#feat=flexbox.