移動菜單導航（保證金？）

Question

我需要將此導航菜單移動到內容框上方和徽標下方。換句話說，順序應該是：（1）標誌，（2）菜單和（3）內容框。

我嘗試了各種保證金調整的CSS爲#navigation無濟於事。

我如何做到這一點？

網址：http://ec2-174-129-169-80.compute-1.amazonaws.com/

見截圖：

Answer 1

你可以添加top: -57px;您#navigation CSS像這樣：

#navigation { 
    position: relative; 
    top: -57px; 
    clear: both; 
    margin-bottom: 3em; 
    display: none; 
    font: 14px/14px sans-serif; 
    border: 1px solid #D9D9D9; 
    background: white; 
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(whiteSmoke)); 
    background: -webkit-linear-gradient(white, whiteSmoke); 
    background: -moz-linear-gradient(center top, white 0%, whiteSmoke 100%); 
    background: -moz-gradient(center top, white 0%, whiteSmoke 100%); 
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03); 
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03); 
    -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03); 
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
} 

Answer 2

撥打的jsfiddle或發佈您的代碼，請。沒有看到代碼，首先想到的是你把#navigation放在內容區域。如果是這樣的話，那麼：

#navigation { margin-top: -50px; } 

如果#navigation絕對定位：

#navigation { top: -50px; }