Sticky1 [Tailwind CSS] 9. Position: fixed, sticky fixed와 sticky 속성을 활용해 시멘틱한(의미론적) 태그를 사용하여고정된 헤더와 스크롤시 우측에 함께 유지되는 상품 정보와 결제 버튼이 포함된 UI를 구성을 목표한다. 요약 1. 학습내용 : Position : fixed 2. 학습내용 : Position : sticky 상세 1. 학습내용 : Position : fixed ◼︎ Position : fixed 정의fixed는 요소를 뷰포트에 고정해, 스크롤 시에도 해당 요소가 고정된 위치에 머물게 한다. ◼︎ Position : fixed 예시 : header 를 고정해야할 때- fixed 를 사용하게 되면, 요소가 원래의 흐름에서 벗어나게 되기에 가로 너비도 달라진다. 대처1) fixed + w-full (100%) .. 2025. 6. 11. 이전 1 다음
