HTML&CSS) position

jun_legend·2021년 6월 9일
0

HTML&CSS

목록 보기
2/4
post-thumbnail

" position "

레이아웃을 배치하거나, 객체를 위치시킬때 사용하는 css 속성으로
속성값에 따라 어느 위치에 요소를 위치시킬 건지 지정할 수 있다.

position 의 속성값

  • static
    기본값으로 다른 태그와의 관계에 의해 자동으로 배치되며
    위치를 임의로 설정할 수 없다.

  • relative
    원래 있던 위치를 기준으로 이동한다.
    부모 태그 내에 있는 경우, 부모 태그 위치를 기준으로 이동한다.

  • absolute
    static 을 제외한 가장 가까운 상위 요소를 기준으로 이동한다.
    상위 요소가 없으면 html 위치를 기준으로 이동한다.

  • fixed
    웹 페이지 좌측 최상단을 기준으로 이동한다.
    페이지 내 화면을 이동 하더라도 고정된 자리에 위치한다.

0개의 댓글