Javascript 在页脚上方制作子菜单幻灯片

如何使产品幻灯片中的子菜单位于页脚上方而不是页脚上方？？ 所以我可以制作一个不同高度的子菜单，而不必在页脚外侧制作子菜单。。 这是一个类似于JSFIDLE的演示，演示了我所需要的

@字符集“UTF-8”；
/*一些样式表重置*/
#cssmenu>ul{
列表样式：无；
保证金：0；
填充：0；
垂直对齐：基线；
线高：1；
}
/*容器*/
#cssmenu>ul{
显示：块；
位置：相对位置；
宽度：150px；
}
/*包含链接的列表元素*/
#cssmenu>ul li{
显示：块；
位置：相对位置；
保证金：0；
填充：0；
宽度：100%；
}
/*通用链接样式*/
#cssmenu>ul li a{
/*布局*/
显示：块；
位置：相对位置；
保证金：0；
边框顶部：1个点#fff；
边框底部：1px点#d9d9d9；
填充：11px 20px；
/*印刷术*/
字体系列：Helvetica、Arial、无衬线字体；
颜色：#e4433c；
文字装饰：无；
文本转换：大写；
文本阴影：0 1px 0#fff；
字体大小：13px；
字体大小：300；
/*背景与影响*/
背景：#eaeaea；
}
/*菜单/子菜单的第一个链接的圆角*/
#cssmenu>ul li：第一个孩子>a{
边框左上半径：4px；
边框右上角半径：4px；
边界顶部：0；
}
/*菜单/子菜单最后一个链接的圆角*/
#cssmenu>ul li:最后一个孩子>a{
边框左下半径：4px；
边框右下半径：4px；
边界底部：0；
}
/*菜单/子菜单链接的悬停状态*/
#cssmenu>ul li a:悬停，
#cssmenu>ul li:悬停>a{
颜色：#ffffff；
文本阴影：0 1px 0 rgba（0,0,0,0.25）；
背景：#f23f37；
背景：-webkit线性梯度（#f23f37，#e7180f）；
背景：-莫兹线性梯度（#f23f37，#e7180f）；
背景：线性梯度（#f23f37，#e7180f）；
边框颜色：透明；
}
/*指示子菜单的箭头*/
#cssmenu>ul.has sub>a:：after{
内容：“；
位置：绝对位置；
顶部：16px；
右：10px；
宽度：0px；
高度：0px；
/*使用边框创建箭头*/
边框：4px实心透明；
左边框：4px实心#e4433c；
}
/*相同的箭头，但颜色较深，以创建阴影效果*/
#cssmenu>ul.has sub>a:：before{
内容：“；
位置：绝对位置；
顶部：17px；
右：10px；
宽度：0px；
高度：0px；
/*使用边框创建箭头*/
边框：4px实心透明；
左边框：4px实心#fff；
}
/*更改悬停时箭头的颜色*/
#cssmenu>ul li>a:悬停：：之后，
#cssmenu>ul li:悬停>a:：之后{
左边框：4px实心#fff；
}
#cssmenu>ul li>a:悬停：：之前，
#cssmenu>ul li:悬停>a:：之前{
左边框：4倍实心rgba（0,0,0,0.25）；
}
/*子菜单*/
#cssmenu>ul{
位置：绝对位置；
左：100%；
顶部：-9999px；
左侧填充：5px；
不透明度：0；
宽度：150px；
/*使用不透明度过渡创建的淡入淡出效果*/
-webkit过渡：不透明度0.3s，易于使用；
-moz过渡：不透明度0.3s，易于调节；
过渡：不透明度0.3s；
}
#cssmenu>ul li a{
字体大小：12px；
}
/*当用户悬停父链接时显示子菜单*/
#cssmenu>ul li：悬停>ul{
顶部：0px；
不透明度：1；
z指数：1；
}
.页脚{
边缘顶部：100px；
背景色：黑色；
高度：38px；
宽度：925px；
文本对齐：居中；
}
.页脚a{
文字装饰：无；
字体：粗体16px arial；
颜色：白色；
线高：40px；
文本对齐：居中；
}

如果我正确理解了你的问题，你所要做的就是像这样增加页脚的上边距

.footer{
    margin-top:100%;
    background-color:black;
    height:38px;
    width:925px;
    text-align:center;
}

这将把页脚推到页面底部

---

如果我正确理解了你的问题，你所要做的就是像这样增加页脚的上边距

.footer{
    margin-top:100%;
    background-color:black;
    height:38px;
    width:925px;
    text-align:center;
}

这将把页脚推到页面底部

---

我想在不改变上页边距的情况下完成这项工作。。我的意思是我想改变高度动态我的意思是：手风琴菜单滑动并在页面上取其高度，而不改变页面高度或边距这是可能做到的@mark这将需要您使用Javascript来扩展div，当某些内容覆盖它时，我想做到这一点，而不改变顶部边距。。我的意思是我想改变高度动态我的意思是：手风琴菜单滑动并在页面上取其高度，而不改变页面高度或边距这是可能做到的@mark这将需要您使用Javascript来扩展div，当某些内容覆盖它时，我想做到这一点，而不改变顶部边距。。我的意思是我想改变高度动态，比如：手风琴菜单幻灯片，在不改变页面高度或边距的情况下在页面上显示其高度是可以做到@mark的，当有东西覆盖它时，需要使用Javascript来扩展div