display: flex 와 position: fixed

안녕하세요 선생님. 

간단한 페이지에서 상단 메뉴 부분을 만들고 있는데요,

display flex를 쓰면 position: fixed를 사용할 수 없나요?

아래와 같이 코드를 썼는데 fixed가 작동을 안해서 질문드립니다!

감사합니다!

html

 <div class="menu-container">
       <a href="index.html" class="nav-menu">Home</a>
       <span class="nav-menu" id="intro">Intro</span>
       <span class="nav-menu">What i love</span>
       <span class="nav-menu">Contact</span>
    </div>

 css

.menu-container{

display: flex;
 justify-content: space-around;
 padding: 30px 0;
 position: fixed; 

}