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的循环,可以减少一大部分代码量。