这个问题交给 CSS 向导。我用谷歌搜索了这个，找不到答案。 在这一点上，我不确定这是否可能:
如何指定一个元素在另一个元素中的位置，可以说是半绝对？
我想说“将元素 inner x 像素放在 outer 的左边框右侧，无论 outer 恰好在哪里就在当下。”
这对于 javascript 可能是可行的，但对于 css 不应该吗？
最佳答案
#inner {
position: absolute;
left: 10px;
}
这个 CSS 实际上所做的是将 #inner 元素定位在距其“最近”父元素左边界 10px 的位置，该父元素的位置值为 absolute，相对，或固定。如果没有找到这样的元素，它是相对于 body 元素绝对定位的，但是如果你确保内部元素有一个用 CSS 定义其位置的父元素，它将绝对定位在 body 元素内那个 parent 。
Take a look at this JSFiddle. 首先，查看 html 和 CSS 以了解它是如何构建的，然后继续使用鼠标拖动其中一个元素(这是他们的 javascript 所做的，它纯粹是为了演示目的)。请注意当您拖动外部元素时，内部元素如何随之移动？当你拖动元素时，你所做的就是改变它们的 top 和 left 属性的值，并且由于它的父元素是绝对定位的，子元素将停留在无论您将它移动到屏幕上的哪个位置，它都位于同一位置。 :D
关于css - 绝对定位一个元素*在*另一个元素中，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11371584/