*{ margin:0; padding:0;}
body{ margin:0; padding:0; background:#f3f3f3;}
#slcd{ width:100%; height:60px; background:#09C; position:fixed; bottom:0px;}
#slcd ul,#slcd ul li{ height:60px;}
#slcd ul li{ width:24.9%; float:left; list-style-type:none; line-height:60px; text-align:center; overflow:hidden;}
#slcd ul li:hover{ background:#09F; overflow:visible;}
#zcd ul,#zcd ul li{ width:100%; height:60px; background:#09C; }
.zcd1{ margin-top:-240px; width:100%;}/*每个子菜单的上边距需要手动调整*/
.zcd2{ margin-top:-300px; width:100%;}
.zcd3{ margin-top:-300px; width:100%;}
.zcd4{ margin-top:-120px; width:100%;}
希望能帮助到你