CSS

[CSS] position

효땡 2024. 5. 31. 16:05

화면 레이아웃 기법

- position 속성 : 배치방법을 지정

- float 속성 : 레이어를 왼쪽 또는 오른쪽 위치 지정.  수평을 기준으로 정렬하기

                     요소가 부모요소 기준으로 왼쪽 또는 오른쪽에 배치할 때 지정

- clear 속성 : float속성을 해제

- z-index 속성 : 레이어 순서를 정함


포지셔닝(레이아웃)

- 브라우저 화면 안에 박스 형태의 각 콘텐츠를 원하는 위치에 배치하는 것

- 수평, 수직, 그리드 방향으로 배치할 수 있다.

- position : "static | relative | fixed | absolute | sticky"