模仿微信公众号底部导航菜单
demo*{
margin:0;
padding:0;
box-sizing: border-box;
}
body{
background: #fff;
font-size:14px;
}
li{
list-style: none;
}
a{
text-decoration: none;
color: #666;
}
.footer{
width:100%;
height:50px;
background: #f2f2f2;
position: fixed;
bottom:0;
left:0;
border-top:solid 1px #dedede;
}
.footer ul{
overflow: hidden;
}
.footer ul li{
height:50px;
line-height: 50px;
border-right:solid 1px #dedede;
text-align: center;
float: left;
width:25%;
position: relative;
}
.footer ul li:last-child{
border-right:0;
}
.nav-list{