Javascript 试图创建一个小网站，新的html。与div'有问题；s

我刚开始使用html并下载我认为是一个简单的模板。现在我一直在尝试添加下拉菜单，并在右侧添加两个与注册/登录对应的项目。我试着创作新的唱片，ul的。。。但它似乎从不排队或物品丢失

@导入url(http://fonts.googleapis.com/css?family=Raleway);
#cssmenu，
#cssmenu ul，
#cssmenu ul li，
#cssmenu ul li a{
保证金：0；
填充：0；
边界：0；
列表样式：无；
线高：1；
显示：块；
位置：相对位置；
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
}
#cssmenu：之后，
#cssmenu>ul:之后{
内容：“.”；
显示：块；
明确：两者皆有；
可见性：隐藏；
线高：0；
身高：0；
}
#cssmenu{
宽度：自动；
边框底部：3px实心#47c9af；
字体系列：Raleway，无衬线；
线高：1；
}
#cssmenu ul{
背景：#ffffff；
}
#cssmenu>ul>li{
浮动：左；
}
#cssmenu.对齐中心>ul{
字号：0；
文本对齐：居中；
}
#cssmenu.居中对齐>ul>li{
显示：内联块；
浮动：无；
}
#cssmenu.右对齐>ul>li{
浮动：对；
}
#cssmenu.右对齐>ul>li>a{
右边距：0；
左边距：-4px；
}
#cssmenu>ul>li>a{
z指数：2；
填充：18px25px25px；
字体大小：15px；
字体大小：400；
文字装饰：无；
颜色：#4444；
-webkit过渡：所有.2s轻松；
-moz转换：所有.2s易用；
-ms转换：所有。2秒轻松；
-o型过渡：所有。2秒容易；
过渡：所有。2轻松；
右边距：-4px；
}
#cssmenu>ul>li.active>a，
#cssmenu>ul>li:悬停>a，
#cssmenu>ul>li>a:悬停{
颜色：#ffffff；
}
#cssmenu>ul>li>a:之后{
位置：绝对位置；
左：0；
底部：0；
右：0；
z指数：-1；
宽度：100%；
身高：120%；
边框左上半径：8px；
边框右上角半径：8px；
内容：“；
-webkit过渡：所有.2s轻松；
-o型过渡：所有。2秒容易；
过渡：所有。2轻松；
-webkit变换：透视（5px）旋转（2deg）；
-webkit转换原点：底部；
-莫兹变换：透视（5px）旋转（2deg）；
-moz变换原点：底部；
变换：透视（5px）旋转（2deg）；
变换原点：底部；
}
#cssmenu>ul>li.active>a:之后，
#cssmenu>ul>li:悬停>a:之后，
#cssmenu>ul>li>a:悬停：之后{
背景：#47c9af；
}
@导入url(http://fonts.googleapis.com/css?family=Raleway);
#登录菜单，
#logincssul，
#罗金斯苏尔李，
#登录菜单ul li a{
保证金：0；
填充：0；
边界：0；
列表样式：无；
线高：1；
显示：块；
位置：相对位置；
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
}
#logincssmenu:after，
#logincssmenu>ul:after{
内容：“.”；
显示：块；
明确：两者皆有；
可见性：隐藏；
线高：0；
身高：0；
}
#登录菜单{
宽度：自动；
边框底部：3px实心#47c9af；
字体系列：Raleway，无衬线；
线高：1；
}
#登录菜单{
背景：#ffffff；
}
#登录SSMENU>ul>li{
浮动：对；
}
#logincssmenu.align center>ul{
字号：0；
文本对齐：居中；
}
#logincssmenu.align center>ul>li{
显示：内联块；
浮动：无；
}
#logincssmenu.align right>ul>li{
浮动：对；
}
#logincssmenu.align right>ul>li>a{
右边距：0；
左边距：-4px；
}
#登录SSMENU>ul>li>a{
z指数：2；
填充：18px25px25px；
字体大小：15px；
字体大小：400；
文字装饰：无；
颜色：#4444；
-webkit过渡：所有.2s轻松；
-moz转换：所有.2s易用；
-ms转换：所有。2秒轻松；
-o型过渡：所有。2秒容易；
过渡：所有。2轻松；
右边距：-4px；
}
#logincssmenu>ul>li.active>a，
#登录SSMENU>ul>li:悬停>a，
#登录SSMENU>ul>li>a:悬停{
颜色：#ffffff；
}
#登录SSMENU>ul>li>a:之后{
位置：绝对位置；
左：0；
底部：0；
右：0；
z指数：-1；
宽度：100%；
身高：120%；
边框左上半径：8px；
边框右上角半径：8px；
内容：“；
-webkit过渡：所有.2s轻松；
-o型过渡：所有。2秒容易；
过渡：所有。2轻松；
-webkit变换：透视（5px）旋转（2deg）；
-webkit转换原点：底部；
-莫兹变换：透视（5px）旋转（2deg）；
-moz变换原点：底部；
变换：透视（5px）旋转（2deg）；
变换原点：底部；
}
#logincssmenu>ul>li.active>a:after，
#logincssmenu>ul>li:hover>a:after，
#登录SSMENU>ul>li>a:悬停：之后{
背景：#47c9af；
}
.dropbtn{
背景色：#4CAF50；
颜色：白色；
填充：15px；
字体大小：15px；
边界：无；
}
.下拉列表{
位置：相对位置；
显示：内联块；
}
.下拉内容{
显示：无；
位置：绝对位置；
背景色：#f1f1；
最小宽度：160px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
z指数：1；
}
.下拉内容a{
颜色：黑色；
填充：12px 16px；
文字装饰：无；
显示：块；
}
.下拉列表内容a：悬停{
背景色：#47c9af；
显示：块；
左：0；
底部：0；
右：0；
z指数：-1；
宽度：100%；
身高：120%；
边框左上半径：20px；
边框右上角半径：20px；
内容：“；
-webkit过渡：所有.2s轻松；
-o型过渡：所有。2秒容易；
过渡：所有。2轻松；
-webkit变换：rotateX（2deg）；
-webkit转换原点：底部；
-莫兹变换：透视（5px）旋转（2deg）；
-moz变换原点：底部；
转化：rotateX（2deg）；
变换原点：底部；
颜色：#ffffff；
}
.下拉：悬停.下拉内容{
显示：块；
}
.dropdown:悬停.dropbtn{
背景色：#3e8e41；
}
z指数：2；
填充：18px25px25px；
字体大小：15px；
字体大小：400；
文字装饰：无；
颜色：#4444；
-webkit过渡：所有.2s轻松；
-moz转换：所有.2s易用；
-ms转换：所有。2秒轻松；
-o型过渡：所有。2秒容易；
过渡：所有。2轻松；
右边距：-4px

CSS MenuMaker