製作DIV 100％拉伸另一DIV 100％的高度內

Question

可能重複：
height:100%; not working

我有兩個div，一個在另一個內部。兩者的高度都設置爲100％。容器（A）尺寸合適並填充其父母，但其小孩（B）未被拉伸至其高度。當我以像素爲單位設置容器（A）的高度時，例如500px，它的孩子（B）伸展正確。

但我需要容器（A）設置百分比，而不是像素。 我在做什麼錯？

Answer 1

height:100%或任何百分比值，只有父母的身高設置也適用。

因此，在你的情況下，div A的父母可以是另一個元素或身體。如果是這種情況，請添加此規則：

html, body { height:100%; } 

到您的CSS。然後它會工作。