CSS属性top-margin不会在firebug中显示

时间:2013-02-10 08:56:13

标签: css

案例

我正在创建一个单页网站,使用One Page Navigation jQuery插件进行平滑滚动。内容分为三页:

  1. home.html的
  2. abilities.html
  3. portfolio.html
  4. 这个想法是当用户在home.html时jQuery函数(js / pop4.js)在div中加载其他两个页面的内容并使用相应的名称: #abilities-wrapper #portfolio-wrapper ,反之亦然,在abilities.html中脚本加载当前页面中的其他两个页面。

    我也在使用jQuery脚本,在向下滚动并向其他两个div添加或删除possition:fixed,'top':0, 'left':0类后,将.hidden添加到菜单中。

    问题:

    • 我希望div有一个上边距:120像素。我在css文件中设置了这个

    这是我的css文件:

    #home-wrapper{
    margin-top:120 px;
    }
    #abilities-wrapper{
    margin-top:120 px;
    }
    #portfolio-wrapper{
    margin-top:120 px;
    }
    

    这是我在Firebug中获得的内容:

    #home-wrapper{   
    }
    #abilities-wrapper{   
    }
    #portfolio-wrapper{    
    }
    

    整个代码有点长:you can see it here

1 个答案:

答案 0 :(得分:2)

因为您有语法错误。为什么在测量值和单位之间有空白?它应该是这样的:

#home-wrapper{
margin-top:120px;
}
#abilities-wrapper{
margin-top:120px;
}
#portfolio-wrapper{
margin-top:120px;
}

由于您的代码中存在错误,因此未设置margin-top属性,因此也不会将其视为该div的样式。

Fiddle