html - 定位与另一个元素的位置相关的元素

Question

我有四个div：

<div class="a">I'm A</div>

<div class="b">I'm B</div>

<div class="c">I'm C</div>

<div class="x">I'm X</div>

包括 X 在内的所有 div 元素都是固定位置的。！我想重新定位与 div B 的位置相关的 div X，使 div X 在 div B 的顶部。我该怎么做才能说明所有元素都应该有一个固定位置的事实，也就是说，它们不会在页面移动时移动是滚动的？如果重新定位 div B，则 div X 也将重新定位以保持在 div B 的顶部。

Answer 1

完成此操作的唯一方法是嵌套.x在以下内容中.b：

<div class="a">I'm A</div>

<div class="b">I'm B
    <div class="x">I'm X</div>
</div>

<div class="c">I'm C</div>

然后绝对定位.x在.b.

---

这是小提琴：http: //jsfiddle.net/jTzZU/