CSSの高さの問題。私は、一定の高さを持つセクション要素を持っている私は、オール

Question

を変化させる高さの休息を取るしたい、私は次のHTML

<section> 
    <header>some controls in here</header> 
    <ol>varying number of <li></ol> 
<section> 

と次のCSS

section { height: 300px, max-height: 600px} 

を持っている私はヘッダーに高さを設定していない。それはデフォルトで自動であるか、おそらく継承します。とにかく、どのようにOLがコンテナの残りの高さを占めるようにすることができます。私は自動車を試して、それは動作していないようです。どんなアイデアやヒントも高く評価されています。 section要素のサイズを垂直方向に変更できることに注意してください。ヘッダーは一定のままですが、私はolにコンテナの高さの残りの部分を取るようにします。私はjavascriptで達成することができると思うが、私は今回は純粋なCSSソリューションを探しています。助けてくれてありがとう！

Answer 1

ピュアCSSソリューション：

section ol li { height: 100/[number of <li> elements] % } 

すなわち<li>の要素がある場合、4：

section ol li { height: 25% } 

作品、私はそれをテストしてみました。