3차원의 세계, absolute

absolute 속성값은 ➊ 부모 자식 간에 발생하는 마진 병합 현상이 일어나지 않습니다. ➋ top·right·bottom·left 속성이 적용됩니다. 단, 부모의 position 상태에 따라 좌표 기준점이 달라집니다. ➌ 부모가 높이를 갖고 있지 않을 경우 자식의 높이가 부모에게 영향을 주지 못합니다.

#position_absolute_child 안에 margin-top 속성을 적용해 봅니다.

예제 소스 Exercise/8장/2_position/4_absolute.html

<div id="box1"></div>
<div id="position_absolute_parent">
    <div id="position_absolute_child"></div>
</div>