流體佈局中的頁眉定製

我正在做這個項目組合項目，我感到有點困惑。流體佈局中的頁眉定製

我希望我的標題div粘貼在頁面頂部，寬度爲100％。但是在代碼中它會干擾包裝，我無法找到問題。下面是代碼：

<header class="wrapper clearfix"> 

    <div id="banner">   
     <div id="logo"><a href="basic.html"><img src="images/web.png" alt="logo"></a></div> 
    </div> 

    <!-- main navigation --> 
    <nav id="topnav" role="navigation"> 
     <div class="menu-toggle">Menu</div> 
     <ul class="srt-menu" id="menu-main-navigation"> 
      <li class="current"><a href="basic.html">Home page</a></li> 
      <li class="current"><a href="basic.html">Home page</a></li> 
      <li class="current"><a href="basic.html">Home page</a></li> 
      <li class="current"><a href="basic.html">Home page</a></li> 
      <li class="current"><a href="basic.html">Home page</a></li> 
     </ul>  
    </nav><!-- end main navigation --> 
</header>

這裏是CSS：

.wrapper{ 
    width: 92%; 
    margin: 0 auto; 
}

如果我從頭類.wrapper刪除。橫幅貼在頂部，寬度爲100％，但是我無法設置標識和菜單的正確對齊方式，只是左右貼合。我希望它們與其他內容垂直對齊。

來源

2014-06-11 user1780729

刪除.wrapper類，就像你做的一樣，但添加一個包裝你的橫幅和導航的.inner'div'，並給它的寬度：92％和margin：0 auto; ....像這樣：

<header> 
    <div class="wrapper clearfix"> 
     <div id="banner">   
      <div id="logo"><a href="basic.html"><img src="images/web.png" alt="logo"></a></div> 
     </div> 

     <!-- main navigation --> 
     <nav id="topnav" role="navigation"> 
     <div class="menu-toggle">Menu</div> 
      <ul class="srt-menu" id="menu-main-navigation"> 
      <li class="current"><a href="basic.html">Home page</a></li> 
         <li class="current"><a href="basic.html">Home page</a></li> 
           <li class="current"><a href="basic.html">Home page</a></li> 
              <li class="current"><a href="basic.html">Home page</a></li> 
                <li class="current"><a href="basic.html">Home page</a></li> 

     </ul>  
     </nav><!-- end main navigation --> 
    </div> 
</header>

來源

2014-06-11 14:09:06 webkit

流體佈局中的頁眉定製

回答

相關問題