절대/고정 div를 상대 하나에 래핑

Question

내 웹 사이트의 절대 위치 메뉴가 텍스트가있는 div 위에 있습니다. 나는 (상대적 위치 것처럼 유사)

HTML

<nav id="s-nav-wrap"> 

     <div id="s-nav" class="row"> 

     <div class="col-sm-4"> 
      <a href="..." id="s-logo"></a> 
     </div> 

     <div class="col-sm-8 align-right"> 
      <?php wp_nav_menu(array('container_class' => 'main-nav', 'theme_location' => 'primary')); ?> 

      <div id="btn-home"> <a href="...">HOME</a> </div> 
     </div> 

    </div> 

</nav> 

CSS

#s-nav-wrap { 
    position: relative; 
} 

#s-nav { 
    position: absolute; 
    z-index: 150; 
    top: 0; left: 0; right: 0; 
    width: 100%; 
    margin-top: 25px; padding-left: 10px; 
} 

Answer 1

그것을 absolute함으로써 텍스트 메뉴 아래에 남아 있는지 확인하려면, 당신은 그것을 복용 정상적인 흐름에서 벗어나 상관없이, 요소가 relative 위치에 있는지 여부에 관계없이

는

• 는 고정 된 높이 (height: 100px) 메뉴를 설정하고 메인 컨텐츠 a를 제공 position: relative
• 으로 정상적인 흐름의 메뉴 부분을,

  CSS reference of positioning schemes 대신 다음과 같은 옵션을 고려하십시오 같은 가치의 마진 (margin-height: 100px)