2016-08-06 4 views
-1

내가 구체화 CSS 프레임 워크를 사용하고 내가 고정 탐색 모음을 사용하면 내가 문제의 탐색 모음 메인 컨텐츠 및 페이지 제목 (첨부 된 이미지를 살펴를) 중복이에게 중복고정 탐색 메인 컨텐츠

enter image description here

이 작은 화면 크기에 좋은 보이지만 :

enter image description here

<header> 
    <div class="nav-wrapper"> 
     <nav> 
      <a href="#" data-activates="nav-mobile" 
       class="button-collapse hide-on-large-only"><i 
         class="material-icons">menu</i></a> 
      <a class="page-title">Page Title</a> 
      <ul id="nav-mobile" class="side-nav fixed"> 
       <li><a href="/admin/posts" class="waves-effect waves-teal">Posts</a></li> 
       <li><a href="/admin/spam" class="waves-effect waves-teal">Spam</a></li> 
       <li><a href="/admin/inbox" class="waves-effect waves-teal">Inbox</a></li> 
      </ul> 
     </nav> 
    </div> 
    </header> 

감사합니다! Fixed Navbar

<div class="navbar-fixed"> 
<nav> 
    <div class="nav-wrapper"> 
    <a href="#!" class="brand-logo">Logo</a> 
    <ul class="right hide-on-med-and-down"> 
     <li><a href="sass.html">Sass</a></li> 
     <li><a href="badges.html">Components</a></li> 
    </ul> 
    </div> 
</nav> 
</div> 

당신은 div.navbar-fixed으로 <nav...을 포장해야합니다 :

답변

0

문서는 여기에 답이 있습니다.

+0

여전히 문제는 브라우저에서 시도 할 수 있습니다. –

+1

@AliSherafat 맞습니다. 하지만 그건 그들의 웹 사이트에서 잘 작동합니다! 그래서, 나는 그들이 사용하는 CSS를 사용하여 그것을 테스트 : http://materializecss.com/css/ghpages-materialize.css 내 놀랍게도, 그 문제가 해결됩니다. 분명히, 그들의 릴리스는 자신의 웹 사이트에서 사용하는 것과 다릅니다. – Wickramaranga

관련 문제