Html 将菜单栏保持在顶部，无位置：固定

我在顶部有一个很好的菜单栏，但当用户向下滚动时，它不会停留。当我尝试将CSS更改为在第一个

#cssmenu

下包含

位置：fixed

时，所有内容都会失去正常

以下是代码段中的代码：

@font-face{
字体系列：'Abraham Lincoln'；
src:url（../fonts/AbrahamLincoln/AbrahamLincoln.ttf）；
}
@字体{
字体系列：'Ingleby'；
src:url（../font/Ingleby/Ingleby\u-regular）；
}
身体{
字体系列：'Ingleby'；
背景图像：url（../Images/background.jpg）；
背景重复：重复；
宽度：100%；
边际：0px；
填充：0px；
}
.clearfix:之后{
显示：块；
明确：两者皆有；
}
h2.姓名{
字体大小：36px；
文本对齐：居中；
字体系列：'Abraham Lincoln'；
}
h3.日期{
字号：28px；
文本对齐：居中；
字体系列：'Abraham Lincoln'；
利润上限：-20px；
}
h4{
字体大小：20px；
文本对齐：居中；
字体系列：'Abraham Lincoln'；
}
p{
宽度：960px；
左边距：自动；
右边距：自动；
字体大小：16px；
}
.背景{
宽度：960px；
显示：块；
保证金：0px自动；
边际上限：0px；
}
页脚{
文本对齐：右对齐；
字体大小：12px；
高度：30px；
背景色：rgb（59,58,76）；
宽度：100%；
垫面：5px；
垫底：10px；
}
页脚a{
文本对齐：右对齐；
文字装饰：无；
显示：块；
宽度：960px；
左边距：自动；
右边距：自动；
颜色：黑色；
字体大小：12px；
填充顶部：12px；
}
页脚a：悬停{
文字装饰：下划线；
}
#地图画布{
身高：50%；
利润上限：200px；
填充：200px；
}
/* ------------ */
/*新菜单*/
/* ------------ */
#cssmenu ul、#cssmenu li、#cssmenu span、#cssmenu a{
保证金：0；
填充：0；
位置：相对位置；
}
保险商实验室{
文本对齐：居中；
}
#cssmenu{
线高：1；
背景：#141414；
背景：-莫兹线性梯度（顶部，#333333 0%，#141414 100%）；
背景：-webkit渐变（线性、左上、左下、颜色停止（0%，#333333）、颜色停止（100%，#141414））；
背景：-webkit线性梯度（顶部，#333333 0%，#141414 100%）；
背景：-o-线性梯度（顶部，#333333 0%，#141414 100%）；
背景：-ms线性梯度（顶部，#333333 0%，#141414 100%）；
背景：线性梯度（至底部，#333333 0%，#141414 100%）；
边框底部：2px实心#0fa1e0；
宽度：自动；
}
#cssmenu:after，#cssmenu ul:after{
内容：''；
显示：块；
明确：两者皆有；
}
#cssmenu a{
背景：#141414；
背景：-莫兹线性梯度（顶部，#333333 0%，#141414 100%）；
背景：-webkit渐变（线性、左上、左下、颜色停止（0%，#333333）、颜色停止（100%，#141414））；
背景：-webkit线性梯度（顶部，#333333 0%，#141414 100%）；
背景：-o-线性梯度（顶部，#333333 0%，#141414 100%）；
背景：-ms线性梯度（顶部，#333333 0%，#141414 100%）；
背景：线性梯度（至底部，#333333 0%，#141414 100%）；
颜色：#ffffff；
显示：块；
字体系列：Helvetica、Arial、Verdana、无衬线；
填充：19px 20px；
文字装饰：无；
}
#cssmenu ul{
列表样式：无；
}
#cssmenu>ul>li{
显示：内联块；
保证金：0；
}
#cssmenu.align-center{
文本对齐：居中；
}
#cssmenu.align-center>ul>li{
浮动：无；
}
#cssmenu.align-center ul{
文本对齐：左对齐；
}
#cssmenu.align-right>ul{
浮动：对；
}
#cssmenu.align-right ul{
文本对齐：右对齐；
}
#cssmenu>ul>li>a{
颜色：#ffffff；
字体大小：12px；
}
#cssmenu>ul>li:悬停：之后{
内容：''；
显示：块；
宽度：0；
身高：0；
位置：绝对位置；
左：50%；
底部：0；
左边框：10px实心透明；
右边框：10px实心透明；
边框底部：10px实心#0fa1e0；
左边距：-10px；
}
#cssmenu>ul>li：第一个孩子>a{
边界半径：5px0；
-moz边界半径：5px 0；
-webkit边界半径：5px 0；
}
#cssmenu.align-right>ul>li:first child>a，#cssmenu.align-center>ul>li:first child>a{
边界半径：0；
-moz边界半径：0；
-webkit边界半径：0；
}
#cssmenu.align-right>ul>li:最后一个子项>a{
边界半径：0 5px 0 0；
-moz边界半径：0 5px 0；
-webkit边界半径：0 5px 0；
}
#cssmenu>ul>li.active>a，#cssmenu>ul>li:悬停>a{
颜色：#ffffff；
框阴影：插入0 3px#000000；
-moz盒阴影：插入0 3px#000000；
-webkit盒阴影：插入0 3px#000000；
背景#0707 ;；
背景：-moz线性梯度（顶部，#262626 0%，#070707 100%）；
背景：-webkit渐变（线性、左上、左下、颜色停止（0%，#262626）、颜色停止（100%，#070707））；
背景：-webkit线性梯度（顶部，#262626 0%，#0707100%）；
背景：-o-线性梯度（顶部，#262626 0%，#0707100%）；
背景：-ms线性梯度（顶部，#262626 0%，#070707 100%）；
背景：线性梯度（至底部，#262626 0%，#070707 100%）；
}
#cssmenu.has子系统{
z指数：1；
}
#cssmenu.has sub:hover>ul{
显示：块；
}
#cssmenu.has子ul{
显示：无；
位置：绝对位置；
宽度：200px；
最高：100%；
左：0；
}
#cssmenu.align-right.has sub ul{
左：自动；
右：0；
}
#cssmenu.拥有子ul li{
*边缘底部：-1px；
}
#cssmenu.拥有子ul li a{
背景：#0fa1e0；
边框底部：1px点#31b7f1；
字体大小：11px；
过滤器：无；
显示：块；
线高：120%；
填充：10px；
颜色：#ffffff；
}
#cssmenu.has sub ul li:悬停a{
背景：#0c7fb0；
}
#cssmenu ul li:悬停>a{
颜色：#ffffff；
}
#cssmenu.has sub.has sub:hover>ul{
显示：块；
}
#cssmenu.has sub.has sub ul{
显示：无；
位置：绝对位置；
左：100%；
排名：0；
}
#
#cssmenu {
  position: fixed;
  top: 0;
  width: 100%;
}
.before_content { 
  margin-top: 80px;
}

#cssmenu {
    position: fixed;
    top: 0;
    width: 100%;
}

h2 {
    margin-top: 75px; 
}