목록2025/01/10 (1)

개발천재

[CSS] position 정리

Position 개념 정리position은 HTML 요소의 위치를 지정하는 방법을 정의한다. 이 속성은 요소를 문서 내에서 배치하는 방식을 제어한다. 요소의 정확한 위치를 지정하기 위해서 top, right, bottom, left 와 함께 사용된다. static: 기본 값relative: 다른 요소와의 상대적 배치를 조정할 때 사용.absolute: 팝업 메뉴, 툴팁, 모달 창처럼 특정 위치에 고정된 요소를 만들 때 사용.fixed: 고정된 헤더나 푸터, 항상 보이는 버튼을 만들 때 사용.sticky: 스크롤 위치에 따라 고정되는 내비게이션 바를 만들 때 사용.  static (기본값)position을 지정하지 않으면 기본적으로 static이 적용되어 있다. 요소의 기본 위치는 문서의 흐름에 따라 배치..
개발 준비/HTML&CSS 2025. 1. 10. 09:15
이전 Prev 1 Next 다음