请{position:absolute;}总是将我的元素放在第一个父元素上？

Question

我的页面上有很多div元素

<div class="first">
    <div class="second">
        <div class="third">
            <div class="important_div"></div>
        </div>
    </div>
</div>

我想对".important_div"进行定位.first.为了做到这一点,我使用了position: absolute;属性:

.important_div {
    position: absolute;
    bottom: 0px;
}

现在我的问题是:

1)当我使用绝对定位时,它定位.important_div于.third(父亲.important_div).我想把它放在.firstdiv(曾祖父.important_div)身上.我该怎么办？

2){position:absolute}是否始终将我的元素定位于其父元素？

3)有没有另一种方法来定位div .important_div的底部.first,可能使用绝对或类似的东西？

Answer 1

这是相对于第一最近的定位的祖先.因此,如果.third有定位,它将相对于该元素定位.同样,如果.second有定位(但不是.third),则相对于定位.如果没有元素有定位,则它相对于文档容器.

这是一个例子的小提琴:http://jsfiddle.net/mnKpu/1/