html - 別のDIV100％の高さの内側でDIVの高さを100％伸ばす

Question

重複の可能性：
高さ：100％; 動作しない

私は2つのdivを持っています。どちらも高さ100％に設定されています。コンテナ（A）は適切なサイズであり、その親を満たしていますが、その子（B）はその高さまで引き伸ばされていません。コンテナ（A）の高さをピクセル単位で設定すると（たとえば500px）、その子（B）は適切に伸びます。

ただし、コンテナ（A）はピクセルではなく、パーセントで設定する必要があります。私は何が間違っているのですか？

Answer 1

height:100%、または任意のパーセンテージ値は、親にも高さが設定されている場合にのみ機能します。

したがって、あなたの場合、div A の親は別の要素または本体のいずれかになります。その場合は、次のルールを追加します。

html, body { height:100%; }

あなたのCSSに。それはうまくいくでしょう。