html - 別の要素の位置に関連する要素の配置

Question

私は4つの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要素は固定位置にあります。divXがdivBの上にくるように、divBの位置に関連するdivXを再配置したいと思います。これを行うには、すべての要素を固定位置にする必要があります。つまり、ページが移動しない場合です。スクロールされますか？また、div Bが再配置された場合、divXもdivBの先頭に留まるように再配置されます。

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/