HTML要素を以前のancentorsに配置しますか？

Question

はどのようにして、両方のdivの要素を配置している場合、どのようにあなたが最初のdivに基づいたpを配置ん

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

、我々が持っている場合には、その祖先にHTML要素を位置決めしますか？

Answer 1

あなたが最初のdivに基づいたpを配置したい場合、あなたはposition: absoluteとして<p>要素を設定し、position: relativeを持っている最初のdivにクラスを追加することができますので、あなたは、彼の近くに相対的な祖先に基づいて絶対的要素を配置することができます、のような：

HTML：

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

CSS：

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