限制儿童DIV高度与家长DIV高度与变量兄弟

Question

我有一个容器<div>具有指定的高度，其中包含两个更多的DIV，介绍性的副本，将变化（由客户端输入），另一个列表出各种功能。

我想要的功能<div>自动填写家长的剩余空间，然后滚动出溢出。

我该怎么做？

CSS：

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

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

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

jsFiddle

Answer 1

没有办法与HTML4不是依赖于JavaScript来动态改变底部的高度等做DIV基于计算（parent_height - sibling_height）。

你可以看看这个：CSS HTML - DIV height fill remaining space

有了HTML5，你可以使用Flexbox的使用的剩余空间。请注意，有一些限制，但它可以满足您的要求。请参阅http://caniuse.com/#feat=flexbox。