CSS：有没有办法定义文档的总高度？

我想知道是否有任何方法可以通过CSS获得文档高度（而不是浏览器的），这样您就可以使用它来定义div元素的高度

---

谢谢

我将使用jQuery来实现这一点，因为只有在某些情况下可以使用height

来自小提琴的代码：

html:

css:

---

不确定是否可以获得实际高度，但可以使用媒体查询说“如果文档至少X高，我的div应该Y大”。请查看@SheepSlapper，但“高度媒体功能描述输出设备渲染面的高度（例如视口或打印机上页面框的高度）。”基本上是指浏览器height@Huangism-啊，你说得对。这是视口高度，而不是文档高度，所以媒体没有多大意义。我把咖啡不足归咎于那个人。所以，我不确定有没有一种直接的CSS方法可以做到这一点。可能不得不退回到Javascript/jQuery…我只知道用jQuery获得身高，我认为用cssThanks是不可行的，伙计们。这正是我所怀疑的，但我想检查一下。可能根本不需要包装，你可以抓取身体的高度标记。谢谢你的编码，我现在正在尝试。嗯，这个例子中的绿色部分不应该和红色部分一样长吗？看起来像

$（文档）。height（）

返回视口的高度。我要一把小提琴：）

<div id="wrapper">
    <div id="inner">

    </div>
</div>

$(function() {
    var docHeight = $(document).height();
    $('#wrapper').height(docHeight);
});

#wrapper {
    background: rgba(0,0,0,0.2);
}
#inner {
    background: rgba(255,255,255,0.8);
    height: 50%;
}