[HTML/CSS] Header 화면 최상단에 고정시키는 방법
요즘에는 헤더에 네비게이션 기능을 적용하고 스크롤 시 함께 내려오도록 하는 UI를 많이 사용합니다. 이를 구현하는 간단한 코드를 작성해보겠습니다. // 내용 입력 먼저 간단히 헤더를 생성하고 class명을 지정하였습니다. .header { padding: 0 16px; border-bottom: 1px solid var(--color-light-gray); position: fixed; /* 상단에 고정 */ top: 0; width: 100%; z-index: 999; } css 코드에 들어갈 내용은 비교적 간단합니다. header가 계속 최상단에 위치해야 하므로 position을 fixed를 주었습니다. 그리고 어떤 요소라도 header보다 높은 위치에 있으면 안되기 때문에 z-index를 높게 지정..