body,html {
padding:0;
margin:0;
font-size:12px;
overflow:hidden;
}
/*chrome滚动条*/::-webkit-scrollbar {
width:0px;
}
.page {
height:100px;
overflow:auto;
display:block;
padding:0px;
position:relative;
}
.thead {
text-align:center;
border-bottom:1px solid #ddd;
position:fixed;
top:0px;
left:0px;
width:100%;
height:28px;
z-index:2;
background:#fff;
}
ul,li {
font-size:12px;
font-family:"微软雅黑";
font-weight:normal;
text-decoration:none;
list-style:none;
border:0px;
margin:0px;
padding:0px;
}
.td {
width:20%;
}
span {
display:block;
float:left;
text-align:center;
min-height:20px;
}
li {
overflow:hidden;
}
正式实现的时候建议可以看看bootstrap,有很多已经定义好的css样式,实现较为友好的界面效果,还可以参考一下vue.js的v-for加载json文件完成每一行li的循环,可以减少一大部分代码量。