position: fixed란

position:fixed;는 한국어로 번역한 그대로다. 위치를 고정시키는 코드다. 우리는 이러한 코드를 많든 웹사이트에서 봐왔다. 대표적으로 메뉴바를 생각하면 된다. 위 사진에 표시된 것과 같이 웹사이트의 메뉴바는 position:fixed;가 되어있어서 우리가 밑으로 화면을 내려도 따라내려오는 성질을 가지고 있는 것이다.

position: fixed랑 다른 콘텐츠들을 겹칠까?

답부터 얘기하자면 position: fixed로 고정된 콘텐츠랑 다른 콘텐츠들은 위 사진과 같이 겹친다.