在图像下方定位导航栏

时间:2013-11-08 22:13:24

标签: html css background-image positioning

在我的网站http://www.tokensofchange.org上,将导航栏放在正确位置的唯一方法是在CSS中使用margin-top样式。

.nav {
    margin-top:10.3%;
    width: 70%;
    background-color: #050936;
    height:92px;
    float: right;
    border-top: 5px solid rgba(0,108,255,0.35);
    }

如果我删除了margin-top: 10.3%,则会在网站上显示的绿色按钮下向上推导杆。我不确定背景图像是否格式不正确以按下导航栏:

.backgrounddiv {
    background: url('/images/Background_Index3.jpg');
    padding-bottom: 2%;
    background-size: 100% auto;
}

显示的两个按钮没有包含任何边距样式,因此我不确定为什么导航栏不会位于带有背景图像,徽标和按钮的标题下方。任何想法将不胜感激。谢谢!

1 个答案:

答案 0 :(得分:0)

-9em div上的误差为.wrapper。删除它,然后您可以从导航中删除margin-top:10.3%;

我希望有帮助