【发布时间】:2012-09-18 08:37:51
【问题描述】:
我有两个 div,一个在另一个里面。两者都设置为 100% 的高度。容器 (A) 大小合适并填充其父级,但其子级 (B) 未拉伸到其高度。当我以像素为单位设置容器(A)高度时,例如500px,它的子 (B) 可以正常拉伸。
但我需要将容器 (A) 设置为百分比,而不是像素。 我做错了什么?
【问题讨论】:
-
有一个示例 jsFiddle 让我们和你一起玩/理解你真的很有帮助
我有两个 div,一个在另一个里面。两者都设置为 100% 的高度。容器 (A) 大小合适并填充其父级,但其子级 (B) 未拉伸到其高度。当我以像素为单位设置容器(A)高度时,例如500px,它的子 (B) 可以正常拉伸。
但我需要将容器 (A) 设置为百分比,而不是像素。 我做错了什么?
【问题讨论】:
height:100% 或任何百分比值仅在父级也设置了高度时才有效。
因此,在您的情况下, div A 的父级可以是另一个元素或主体。如果是这种情况,请添加此规则:
html, body { height:100%; }
到您的 CSS。然后就可以了。
【讨论】: