CSS 属性上边距不显示在 Firebug 中

Question

案例

我正在制作一个使用 One Page Navigation 的单页网站用于平滑滚动的 jQuery 插件。内容分为三个页面:

1. home.html
2. abilities.html
3. portfolio.html

想法是，当用户在 home.html 中时，jQuery 函数 (js/pop4.js) 会使用各自的名称将其他两个页面的内容加载到 div 中:#abilities-wrapper和 #portfolio-wrapper 反之亦然，当在 abilities.html 中时，脚本会在当前页面加载其他两个页面。

我还使用了一个 jQuery 脚本，它在向下滚动并添加或删除 .hidden< 后将 possition:fixed,'top':0, 'left':0 添加到菜单中 类到另外两个 div。

问题:

• 我希望 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

Answer 1

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

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

该 margin-top 属性未设置，因为您的代码中有错误，因此也未被视为该 div 的样式。

Fiddle