#box1 {
    width: 500px;
    height: 200px;
    background-color: gray;
}
 
#position_relative_parent {
    width: 500px;
    height: 500px;
    background-color: yellow;
}
 
#position_relative_child {
    position: relative;
    width: 200px;
    height: 200px;
    background-color: blue;
    /* 부모 자식 간에 발생하는 마진 병합 현상이 일어납니다. */
    margin-top: 100px;
}