CSS position sticky 속성 질문 드립니다.

게시물 수정 , 삭제는 로그인 필요

현재 쇼핑몰을 만드는 중, 스크롤 시 상단에 고정되는 상품설명 네비바를 넣으려 노력 하고 있습니다.

인터넷을 뒤져보니 간단하게 position:sticky 와 top 값만 설정해주면 되는것 같던데 

왜 제 페이지에선 안되는지 의문입니다... 상위 요소 들 중에서 overflow:hidden 요소들도 없는데요.. 

혹시 다른 문제가 있을까요? 

아래는 해당 부분의 소스이구요

<div><div class="sticky-container product_selling_nav_wrap"></div><div>       <div class="sticky-child product_selling_nav"></div><div>          <nav class="product_selling_nav_content"></div><div>                       <ol class="product_selling_nav_content-list"></div><div>                           <li><a href="javascript_:void(0);" class="product_selling_nav_item product_selling_nav_item-active">상품정보</a></li></div><div>                                <li><a href="javascript_:void(0);" class="product_selling_nav_item">리뷰</a></li></div><div>                          <li><a href="javascript_:void(0);" class="product_selling_nav_item">문의</a></li></div><div>                          <li><a href="javascript_:void(0);" class="product_selling_nav_item">배송/환불</a></li></div><div>                       </ol></div><div>             </nav></div><div>    </div></div><div></div></div><div>
</div><div>css로는 </div><div>
</div><div><pre><div>product_selling_nav_wrap{z-index:100; transition:top .1s;}</div><div>.sticky-container{position:-webkit-sticky; position:sticky; top:0px;}</div><div>.sticky-child{position:relative; background-color:#fafafa; border-top:1px solid #ededed; border-bottom:1px solid #ededed; z-index:100; transition:top .1s;}</div><div>.product_selling_nav_content{padding:0 60px; max-width:1084px; margin:0 auto;}</div><div>.product_selling_nav_content-list{width:66.6666%; display:flex; border-bottom:1px solid #ededed;}</div><div>.product_selling_nav_content-list>li{-webkit-box-flex:1; flex:1 0 0px;}</div><div>
</div><div>해당 부분에는 이 소스만 넣어져있습니다.</div><div>
</div><div>왜 안되는지..모르겠네요 ㅜㅠ</div>