将元素绝对定位在*另一个元素中

Question

这个问题转到css向导。我用谷歌搜索了这个，但找不到答案。 在这一点上，我不确定它是否可能：

如何在另一个元素中指定元素的位置，半绝对可以这么说？

我想说“无论外部发生在哪里，将元素内部 x像素放在外部的左边框右侧此刻。“

使用javascript可能会有这种情况，但css不可能吗？

Answer 1

#inner {
    position: absolute;
    left: 10px;
}

这个CSS实际上做的是将#inner元素从其“最近”父级的左边框定位10px，其父级位置值为absolute，relative或{{ 1}}。如果没有找到这样的元素，它相对于fixed元素是绝对定位的，但是如果确保内部元素具有用CSS定义其位置的父元素，则它将绝对定​​位在该父元素内。

Take a look at this JSFiddle. 首先，查看html和CSS以了解它是如何构建的，然后继续使用鼠标拖动其中任何一个元素（这就是javascript in他们这样做，纯粹用于演示目的）。注意当你拖动外部元素时，内部元素会随之移动吗？拖动元素时所做的就是更改其body和top属性的值，并且由于其父元素是绝对定位的，因此子元素将保留在其中的相同位置你在屏幕上移动它的地方。 ：d

Answer 2

当然，这很简单！您所要做的就是指定父项具有一个位置（相对或绝对），然后绝对定位的子项将位于“最近定位的父项”的“相对”位置。

混淆？