從div獲得頂部邊距並應用到另一個

Question

我已經使用了下面的jquery代碼來創建固定位置邊欄div中間的屏幕。

$j("#sidebar").css('margin-top', $j(window).height()/2 - $j("#sidebar").height()/2); 

現在我正在嘗試使用#content div應用上邊距。

是否有任何方法可以輕鬆完成。

在此先感謝。

Answer 1

如果您試圖讓兩個元素垂直排列，那麼這樣做的一個簡單方法是將它們放入一個大的div中，您可以像這裏一樣排列;這樣，無論如何，他們都會在同一高度垂直排列。所以，你的jQuery會是這樣：

$j("#container").css('margin-top', $j(window).height()/2 - $j("#sidebar").height()/2); 

隨着HTML看起來像這樣：

<div id="container"> 
    <div id="content"></div> 
    <div id="sidebar"></div> 
</div>