消耗最大可用高度

Question

如何让div消耗最大高度？就像谷歌日历一样。

Answer 1

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

div.your_div {
  height: 100%;
}

Answer 2

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

Answer 3

另一种技巧：

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

虽然IMO，css和HTML只适用于现代Web应用程序。对于以基础为基础的内容，我始终建议jQuery + UI.Layout plugin。

Answer 4

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