获取顶级div的高度，并把该值作为另一个DIV

Question

我使用DIV头作为固定头，但该分区的高度将发生变化定期的顶部填充，因为此事涉及动态。现在，下面的div显示给pad的顶部。

，使得内容DIV也将改变其作为报头的div变化的高度位置。

我会很感激，如果任何人能给出的代码。

Answer 1

这将是jQuery的答案，我想。更多的细节将会有所帮助。

$("#header").resize(function() { 
    $("#otherdiv").css("padding", somevalue); 
}); 

Answer 2

我会建议（如果可能的话）创建一个包含标题div和内容div的父div。可选地，在div设置为css样式clear: both;。这样内容div的垂直位置将相对于标题div。

<div id="parent"> 
    <div id="header" style="clear: both"></div> 
    <div id="content"></div> 
</div> 

Answer 3

两件事我能想到的，因为我最近在考虑同样的问题：

我认为你正在寻找最直接的答案是{}元素.offsetHeight。从我在FireFox中玩过的（不确定其他浏览器），这似乎是元素的高度。放置其他div以允许您想要的间距时，可能会包含一些像素。

但是，如果您将div的一个又一个（兄弟姐妹）和他们没有设置为浮动，改变上格作为其内容的变化应该移动的低格。

Answer 4

为TheStijns答案的HTML（与头部的CSS设置的位置是：绝对的），可以使用下面的代码：

window.setInterval(function(){ 
    var header = document.getElementById('header'); 
    var content = document.getElementById('content'); 
    content.style.paddingTop = header.offsetHeight + 'px'; 
}, 100); 

事件驱动的jQuery解决方案更有意义，但。

为你描述它不应该是必要的，虽然使用JavaScript的简单情况。 HTML与一点的CSS应该工作。