CSS
[CSS 레이아웃] 헤더나 푸터 화면에 고정시키기
스크롤을 움직여도 고정되어있는 헤더와 푸터 레이아웃 만들기 사용자가 스크롤을 움직여도 고정되어 움직이지 않는 헤더(header)와 푸터(footer)를 만들어보려고 합니다. 헤더나 푸터나 고정시키는 원리는 똑같기 때문에 같은 방법으로 고정시킵니다. 밑에 코드의 결과를 한번 테스트해보세요. 테스트는 스크롤을 움직여보면 됩니다. 그리고 소스코드를 하나하나 뜯어서 구현원리를 살펴보도록 하겠습니다. * 소스코드 및 결과 See the Pen https://codepen.io/cocoder16/pen/wvaYqbg"> wvaYqbg by cocoder16 (https://codepen.io/cocoder16">@cocoder16) on https://codepen.io">CodePen. 기본적으로 화면에 고정시키..
2021. 5. 24. 08:00
최근댓글