position 속성 : relative(부모요소) & absolute(자식요소)

<div class="parent">
<div class="child"></div>
</div>

=====
.parent{
background-color:dodgerblue;
width: 600px;
height: 300px;
position: relative;
}

position: relative;를 안줄경우 
상속받은 child는 브라우저자체가 부모라고 생각해서 파란색 범위를 
넘어가서 브라우저 끝에 위치하게 된다

 

.child{
background-color: crimson;
width:200px;
height:100px;
position:absolute;
right:0;
botton:0;
}


부모는 position: relative;
자식은 position:absolute;
이 속성을 줬다고 해서 변화가 일어나지는 않으나
position:absolute;를 안줄경우
속성은 반드시 포지션속성이 있어야 작동을 한다
아니면 적용이 되지 않음