DevPrep을 하는 중에
GlobalStyle에서 root 부분에 설정한 화면 크기 내에 NavBar를 고정하고 싶었는데
저런식으로 position: fixed로 하니까 내 노트북 자체의 물리적 화면 크기에 맞게 설정이 되어서 자꾸 벗어났었다
이런식으로
그런데
position: absolute로 해야지 부모의 상대적인 위치로 position이 조정이 되는 것이었다.
그래서 position: absolute로 변경했다.
그런데도 안되네?!
이유는 바로 자식 요소에 position: absolute로 해서 상대적인 위치값을 먹이고 싶다면
부모 요소에 position: relative를 추가해야하는 것이었다.
그래서 GlobalStyle.js 파일에 저렇게 root 부분에
position: relative를 먹이니까 제대로 됐음!
