함께 성장하는 프로독학러

안녕하세요, 프로독학러입니다. 이번 포스팅에서는 CSS 를 이용하여 어플리케이션 뷰의 header 와 footer 를 스크롤 바와 상관없이 고정시키는 방법에 대해서 알아보도록 하겠습니다. 실습을 위해 codepen.io 에 접속하여 새로운 pen을 만들어 봅시다. 1. HTML 먼저 HTML 영역에 다음과 같이 HTML 태그를 입력해 줍니다. 12345678910111213 This is Header This is Section This is Footer cs 시멘틱 태그를 이용하여 header, section, footer 를 지정했습니다. 현재는 위 그림과 같습니다. 2. CSS style 그럼 header 태그를 CSS 스타일을 이용하여 고정시켜 보겠습니다. 이때 사용하는 스타일은 position ..