CSS에서 fixed 네비게이션이 부모 영역을 벗어나는 이유가 궁금해요

페이지를 가로와 세로 100%로 만들고, 네비게이션을 첫 번째 div 안에 고정하려고 합니다.
그런데 네비게이션에 margin-top을 45% 이상 주면 부모 div 영역을 벗어나요.
왜 그런지 원인을 알고 싶습니다. 관련 HTML과 CSS는 아래처럼 작성했어요.