看的这本书上这样说 “绝对定位的元素的位置相对于最近已定位的祖先元素”。这里面
的最近的已定位的祖先元素怎么理解？
--
FROM 61.135.172.*

比如，style如下

#branding {

width:700px;

height:100px;

position:relative;//此处如果没有relative，下面的电话号就是相对于页面，否则就
是相对于包含的div。这块为什么和relative有关系呢？

background-color:#00ff00

}

#branding .tel{

position:absolute;

right:10px;

bottom:10px;

text-align:right

}

html如下

<div id = "branding">

hello  relative

<p class="tel">Tel 010-88509834</p>

hello relative

</div>


【 在 sayinger (言者) 的大作中提到: 】
: offsetParent
--
FROM 61.135.172.*

难理解。。

【 在 withinsea (沐海~魔導奏器|歌の琴フォルテール) 的大作中提到: 】
: 不为什么
: position:relative就是专门用来干这个的……
--
FROM 61.135.172.*

The following example shows an absolutely positioned box that is a child of a relatively positioned box. Although the parent outer box is not actually offset, setting its 'position' property to 'relative' means that its box may serve as the containing block for positioned descendants. Since the outer box is an inline box that is split across several lines, the first inline box's top and left edges (depicted by thick dashed lines in the illustration below) serve as references for 'top' and 'left' offsets.


见w3，有很详细的说明。


【 在 komac (密钥) 的大作中提到: 】
: 看的这本书上这样说 “绝对定位的元素的位置相对于最近已定位的祖先元素”。这里面
: 的最近的已定位的祖先元素怎么理解？
--
FROM 210.192.100.*

通俗易懂，解释的到位

【 在 diogin (design universe...) 的大作中提到: 】
: +--------------------------+
: | A                        |
: |   +----------------+     |
: ...................
--
FROM 210.34.4.*