獲取浮動元素位置溢出div

Question

我有一個div（MainDiv）溢出和靜態寬度和高度。這個div使用AJAX加載html內容。這些html是一個帶有float：left CSS屬性的多個div塊，因此可以向左和向右滾動MainDiv。每塊都有相同的，固定寬度的

小例子：

<div id="MainDiv"> 
<div class="Block" style="float: left;" id="Block1">Content #1</div> 
<div class="Block" style="float: left;" id="Block1">Content #2</div> 
<div class="Block" style="float: left;" id="Block1">Content #3</div> 
... 
<div class="Block" style="float: left;" id="BlockN">Content #N</div> 
</div> 

我怎樣才能獲得相對於使用jQuery div.Block之一MainDiv位置？例如，我需要獲得＃Block10相對於MainDiv的位置。

Answer 1

使用jQuery：

var pos = $('#Block10').offset(); 
$('#Block10').append('X=' + (pos.left - $('#MainDiv').offset().left) + '<br />'); 
$('#Block10').append('Y=' + (pos.top - $('#MainDiv').offset().top) + '<br />');