我需要将此导航菜单移动到内容框上方和徽标下方。换句话说,顺序应该是:(1)标志,(2)菜单,和(3)内容框。
我尝试了对 CSS 的各种边距调整,#navigation
但无济于事。
我该怎么做呢?
网址:http ://ec2-174-129-169-80.compute-1.amazonaws.com/
看截图:
我需要将此导航菜单移动到内容框上方和徽标下方。换句话说,顺序应该是:(1)标志,(2)菜单,和(3)内容框。
我尝试了对 CSS 的各种边距调整,#navigation
但无济于事。
我该怎么做呢?
网址:http ://ec2-174-129-169-80.compute-1.amazonaws.com/
看截图:
您可以像这样添加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;
}
请制作一个 jsFiddle 或发布您的代码。在没有看到代码的情况下,首先想到的是您将其#navigation
放入内容区域。如果是这样的话,那么:
#navigation { margin-top: -50px; }
如果#navigation
是绝对定位:
#navigation { top: -50px; }