즉, 부모가 static 속성값일 경우에 top, right, bottom, left 속성을 적용하면 좌표가 브라우저를 기준으로 형성됩니다. 하지만 부모가 relative 속성값일 경우에는 좌표 기준점이 부모로 바뀝니다.
#position_absolute_parent {
/* 부모가 relative 속성값을 갖고 있을 때 top 속성을 사용하면 좌표가 부모를 기준으로 형성된다. */
position: relative;
width: 500px;
height: 500px;
background-color: yellow;
}
그림 8-21 부모가 relative 속성값을 갖고 있을 때 top 속성을 사용하면 좌표가 부모를 기준으로 형성된다