[CSS] 상단바 / 하단바 화면에 고정시키기

화면 상단에 헤더 고정시키기

1. position: fixed 로 고정시키기
2. 헤더를 고정시킬 위치 지정하기 - 예) top: 0
3. 헤더 영역이 화면에 가로로 꽉 차게 하기 위해 width: 100% 적용

** width: 100% 을 안했더니 상단바 안의 내용물들이 이상한 위치로 이동하고 그래서 해결하려고 한참을 해맸다.

상단바가 화면을 꽉 차게 하려면 꼭 width: 100% 주기!!