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 的上下文中。

---

这是 fiddle :http://jsfiddle.net/jTzZU/