[HTML+CSS] header(nav) 상단 고정 / footer 최하단 위치 CSS 설정

웹 페이지 그리드는 보통 위와 같이 구성된다. header의 경우 페이지 최상단에 위치하지만 스크롤을 내려도 보이게 고정할 수 있다. footer의 경우 content의 스크롤 길이에 상관없이 페이지 최하단에 위치하는 게 일반적이다. 위 페이지의 content에 해당하는 코드. header와 footer 문서를 따로 만들어 연결시켰다.

이렇게 문서 간 연결시킬 때는 CSS 속성을 전역에 주지 않도록 주의해야 한다. header 코드.

부트스트랩을 이용해 스크롤 시에도 최상단에 보이도록 고정시키는 설정을 주었다. <nav class="navbar navbar-expand-sm bg-light navbar-light fixed-top"> fixed-top 속성을 주면 스크롤을 내려도 화면..........