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

Question

我想知道是否有任何方法可以使用 CSS 获取文档高度(不是浏览器的高度)，以便您可以使用它来定义 div 元素的高度。

谢谢!

Answer 1

我会使用 jQuery 来解决这个问题，因为只有在某些情况下您可以使用高度 here's a fiddle

fiddle 中的代码:

html:

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

    </div>
</div>

jQuery:

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

CSS:

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