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

时间:2013-01-16 20:37:08

标签: html css

我有四个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的顶部。

1 个答案:

答案 0 :(得分: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/