如何获得 Div 相对于其父 Div 的位置？使用.position()and.offset()总是给我它在文档中的位置。
HTML：
<div id="frame">
<div id="inner"></div>
</div>
CSS：
假设frame以margin: auto;和为中心width: 1024px。
inner有和。left: 300px;_top: 200pxposition: relative;
我想要的是：
一个很好的功能，用于获取inners的位置数据300和200（例如，px在使用时不使用.css('left')等。
有没有什么？
如果你给父级一个“相对”的“位置”，那么 using.position()应该是它在父级内部的位置。
Using.offset实际上应该始终根据 为您提供其位置document，而 using.position根据其“位置”不是“静态”（默认）的第一个父级为您提供其“位置”。
以下是示例：
第一个示例用于<br />在容器顶部添加空间，而第二个示例用于padding-top在容器顶部添加空间。两者都返回一个大于0孩子top位置的值。
唯一的问题是position在计算孩子的位置时没有考虑孩子的边距、填充和边框。这是因为所有这些都是元素的一部分，所以即使您可能看不到它们，它们也不会包含在元素的位置计算中。因此，当然，根据您想要查看其位置的元素的确切部分，您需要将其添加到.position. 有些人希望“位置”返回到边框的左上角位置，这意味着添加边距。像这样的东西：