将主体设置为包含固定元件的高度？

我有一个体用包装材料将主体设置为包含固定元件的高度？

<body> 
    <div class="wrapper">//loads of content</div> 
</body>

包装器设置为position: fixed;由于特殊的滚动行为和JavaScript。我希望身体与包装物具有相同的高度。

（如果有人位数的在为什么我尝试实现这一目标我试着解释我的问题就在这里： Setting height of fixed element 但我觉得这个问题得到了谁想要解决这个问题过于复杂）

来源

2013-07-15 Himmators

第一的事情，你可以设置.wrapper的高度是身体的通过CSS是这样的：

height: inherit;

这里inherit将拿出其母公司的高度，然后将其设置为。

第二件事，你需要JavaScript，因为如果你会使用CSS，那么恐怕你将无法在调整大小时控制正文的大小。

使用CSS：

height: whatever_body_height

随着JS：

function getDocHeight() { /*For cross-browser*/ 
    var D = document; 
    return Math.max(
     D.body.scrollHeight, D.documentElement.scrollHeight, 
     D.body.offsetHeight, D.documentElement.offsetHeight, 
     D.body.clientHeight, D.documentElement.clientHeight 
    ); 
} 
window.onresize = function() { 
    document.getElementByClassName('.wrapper').style.height = getDocHeight(); 
}

希望它帮助。关于继承，与高度

来源

2013-07-15 09:25:55

，它设置的高度窗口的高度，而不是包含元素 – Himmators

那好吧，虽然，我并不需要改变包装的高度，而是身体 – Himmators

还，JavaScript似乎得到了窗口的高度而不是所有包含元素的高度 – Himmators

将主体设置为包含固定元件的高度？

回答

相关问题