獲取頂級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應該工作。