위치 속성 및 상대, 절대
위치
HTML 문서에서 각 요소를 배치하는 방법을 결정합니다.
사용하는 방법
- 기준을 세우다
- 이동하다
.머리글 {
폭: 200px;
위치: 상대적;
}.머리글 {
위치: 절대;
상단: 50%;
}
위의 두 코드 예제와 같이 기준만 설정하거나 기준을 설정한 후 이동하는 두 가지 방법으로 사용할 수 있습니다.
기준을 정할 때 함께 사용하는 속성값으로,
- 정적: 기준 없음(배포 불가/기본값)
- 상대적: 요소가 자신을 기준으로 배치됩니다(원래 위치).
- 절대: 가장 가까운 위치에 있는 부모(조상) 요소에 상대적인 위치
- fixed: 뷰포트에 상대적인 위치
- 스티키: 스크롤 영역에 상대적인 위치
이동에 사용되는 속성(px, %를 사용합니다.
)
- top : 기준에 맞는 상단으로부터의 거리(위치) 설정
- bottom : 기준에 맞는 바닥으로부터의 거리(위치) 설정
- 왼쪽: 기준에 맞는 왼쪽으로부터의 거리(위치) 설정
- 오른쪽 : 기준에 맞는 오른쪽으로부터의 거리(위치) 설정
자세한 내용은 아래에서 참조한 링크를 방문하십시오.