在position布局中，父元素设置为relative，子元素设置为absolute，此时子元素可以相对父元素定位。

Question

然而，当子元素的子元素需要参照子元素进行定位呢？此时位置属性应该怎么用。。

Answer 1

直接用绝对定位就行，position定位是以最近一层有定位属性的元素来做参照的，例如祖父-父亲-儿子，三个都有position属性，祖父以上没有定位属性，那么祖父是以整个body为的左上角为（0,0）改变定位，父亲以祖父元素的左上为（0,0），以此类推，儿子是以父亲的左上角为（0，0）定位。这样解释明白了吗？所以你不管套多少个子元素 或者子元素的子元素，只要上一层有定位，子元素就能直接用绝对定位，以上一层元素的左上角为（0,0）进行定位。楼下说的比较简洁，我说得比较啰嗦，参照楼下说的和我说的 就差不多能理解了吧

Answer 2

就是参照物的选择不同，绝对定位参照物是它的父类，相对定位是相对它自身原来的位置。语法都一样{left：数px；right：数px；top：数px；botton：数px}；子元素的子元素 就是孙元素，你写relative就是 孙元素 相对 它原来位置 左右移动，你写 absolute 就是孙元素 相对 它所在的子元素 进行左右移动呗。

Answer 3

｛letf：num；top：num｝

Answer 4

父 relative/absolute + 子 absolute ------ 子相对于父的top/left，若父元素无position偏移，则会向上找(事件冒泡)，直至body，都没有当然以body为参照物移动。 ps：子absolute，只找带relative或absolute的父，不会理带static的父元素。父 absolute/relative/static + 子 relative ------ 自相对于最近的一个拥有position属性的div偏移。故，你的子子元素可以是relative或absolute都可以参照子元素定位。

Answer 5

用绝对定位，绝对定位对relative\absolute\fixed定位方式都有效