【问题标题】:Make DIV 100% stretch in height inside another DIV 100% height [duplicate]使DIV 100%在另一个DIV 100%高度内拉伸高度[重复]
【发布时间】:2012-09-18 08:37:51
【问题描述】:

可能重复:
height:100%; not working

我有两个 div,一个在另一个里面。两者都设置为 100% 的高度。容器 (A) 大小合适并填充其父级,但其子级 (B) 未拉伸到其高度。当我以像素为单位设置容器(A)高度时,例如500px,它的子 (B) 可以正常拉伸。

但我需要将容器 (A) 设置为百分比,而不是像素。 我做错了什么?

【问题讨论】:

  • 有一个示例 jsFiddle 让我们和你一起玩/理解你真的很有帮助

标签: html css


【解决方案1】:

height:100% 或任何百分比值仅在父级也设置了高度时才有效。

因此,在您的情况下, div A 的父级可以是另一个元素或主体。如果是这种情况,请添加此规则:

html, body { height:100%; }

到您的 CSS。然后就可以了。

【讨论】:

    猜你喜欢
    • 2010-10-17
    • 2012-03-21
    • 2013-04-04
    • 2013-04-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-07-05
    相关资源
    最近更新 更多