css - このCSSが表示されるコンテナの高さを制限しないのはなぜですか？

Question

最大の高さを持つことになっているCSSdivがあります。そのCSSには次のものがあります。

div#feed
    {
    border: 2px solid black;
    float: right;
    height: 80%;
    max-height: 80%;
    overflow-y: hidden;
    width: 200px;
    }

エントリがdivに追加されると、画面の下部で切り取られるまで成長し続けます（そして成長し続けます）。この動作は、Chrome、Firefox、IE8、およびIE9全体で一貫しています。

上記のCSSで私が試みていることを行うための良いクロスブラウザの方法はありますか？

ありがとう、

Answer 1

パーセンテージでの高さの指定は、指定された高さを持つ親を持つ要素に対してのみ機能します。したがって、親が計算された高さを持っている場合は機能しますが、高さが自動の場合は機能しません。

% ベースの高さを機能させるには、各要素の高さを DOM のずっと上まで指定して、本体の高さを 100% にする必要があります。

ただし、親に固定の高さを与えることができれば、問題は解決します。