Позиционирование элементов HTML на предыдущих антуражах?

Question

Как вы позиционируете элемент HTML относительно его предков, то есть, если у нас есть,

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

Если обе дивы расположены элементы, как вы расположите р на основе первого DIV?

Answer 1

Вы можете разместить абсолютный элемент на основе его близких родственников предков, так что если вы хотите расположить р на основе первого DIV, вы можете установить <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; 
}