홈
레벨 66: 포지션 (Sticky)
이전
다음
지시사항
`sticky`와 `top-0`을 사용하여 헤더가 스크롤 시 상단에 붙도록 하세요.
목표:
스크롤에 따라 움직이다가 특정 위치에 고정되게 해봅시다.
HTML 에디터
정답 확인
<div class="h-48 overflow-y-auto border"> <div class="bg-yellow-200 p-2">헤더</div> <div class="p-4">콘텐츠...<br>콘텐츠...<br>콘텐츠...<br>콘텐츠...<br>콘텐츠...</div> </div>
레벨 완료! 🎉
잘하셨습니다! 이 개념을 마스터하셨군요.
다음 레벨 →
라이브 미리보기
Tailwind Play CDN 제공
당신의 결과
목표 결과