在以前的ancentors上定位HTML元素？

Question

你怎麼一個HTML元素相對於它的祖先位置，即如果我們有，

<div> 
    first div 
    <div> 
    second div 
    <p>P</p> 
    </div> 
</div> 

如果兩個div的定位元素，你怎麼定位基礎上，第一個div在p？

Answer 1

您可以根據自己的近親屬，祖先位置的絕對要素，所以如果你想定位基礎上，第一個div的P，可以設置<p>元素position: absolute和添加一個類的第一個div有position: relative ，如：

HTML：

<div class="relative"> 
    first div 
    <div> 
    second div 
    <p class="absolute">P</p> 
    </div> 
</div> 

CSS：

.relative { 
    position: relative; 
} 
.absolute { 
    position: absolute; 
}