CSS Layout - Position

DonQ·2020년 12월 16일
0

TIL

목록 보기
4/31
post-thumbnail

1. Position

개요

position 속성은 태그를 어떻게 위치시킬지를 정의하며,
가장 많이 사용하는 3가지는 아래와 같다.

1. relative

  • 원래 있던 위치를 기준으로 좌표를 위치 변경 가능
#box1 { position:relative; }

2. absolut

  • 절대 좌표와 함께 위치를 지정 가능
#box2 { position:absolut; }

3. fixed

  • 스크롤과 상관없이 항상 문서 좌표를 고정
#box3 { position:fixed; }

예시

profile
꾸준히 쌓아가는 코딩 Study

0개의 댓글

관련 채용 정보