스크롤 이벤트 기능 강의 중 질문드립니다.

[윤준호]

<div class="nav-menu">
        <h4>Shoes Studio</h4>
        <span class="badge bg-grey" class="ms-auto mx-3">DarkMode 🔄</span>
        Products
</div>

.nav-menu{
    display: flex; 
    justify-content: space-between; 
    padding : 15px;
    align-items: center;
}

이렇게 구성을 했었는데, .nav-menu에,
{ position : fixed; 
z-index : 5 }
을 추가하니 처음에 써놓은 기능들이 다 사라지네요... (flex, space-between 등등)

왜 사라지는 거고 이럴때 어떻게 해결해야할까요?

[윤준호]

참고로 기존 css코드들을 아래에 적어도 통하지가 않네요...

[codingapple]

width : 100% 줍시다

[글쓴이]

글