html - 移动菜单导航（边距？）

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; }