더북(TheBook)

margin-top 속성 대신 top 속성을 적용하면 파란색 박스 위에 100px만큼 공백이 생겨 파란색 박스가 움직입니다. 즉, fixed 속성값은 top, right, bottom, left 속성과 함께 사용할 수 있습니다.

 

#position_fixed_child {
    position: fixed;
    width: 200px;
    height: 200px;
    background-color: blue;
    /* margin-top: 100px; */
    /* top 속성이 적용됩니다. */
    top: 100px;
}

 

그림 8-12 fixed 속성값은 top 속성과 함께 사용할 수 있다

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.