Layout - Position

634 단어 TILCSSCSS

1. Position

개요

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

1. relative

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

2. absolut

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

3. fixed

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

예시

좋은 웹페이지 즐겨찾기