消耗最大可用高度

【问题标题】：Consume maximum height available消耗最大可用高度
【发布时间】：2010-09-19 22:10:43
【问题描述】：

如何使 div 消耗最大可用高度？就像 Google 日历一样。

【问题讨论】：

【解决方案1】：

另请阅读100% Height Layout Using CSS，了解一些特定于浏览器的问题和可能的解决方案 - 请参阅那里的 cmets。

【讨论】：

【解决方案2】：

根据您的设置方式，您可以执行以下操作：

div.your_div {
  height: 100%;
}

【讨论】：

【解决方案3】：

另一种技巧：

#mydiv {
  position: absolute;
  left: 0px; right: 0px; top: 0px; left: 0px;
}

尽管 IMO、css 和 HTML 不适用于现代 Web 应用程序。对于作为基础的东西，我总是推荐jQuery + UI.Layout plugin。

【讨论】：

【解决方案4】：

<p style="position:fixed;left:0px;top:0px;width:100%;height:100%;background:red">asdfadsf</p>

【讨论】：