1 2 3

崔**： 你先确定一个宽高 然后移动到边缘再更新增加新宽高

胡**： 你用横排列表的外部div 设置borderbottom就可以吧

长**： 队列 flex:1; border-bottom: 1px solid #ccc 然后用变量 来控制偏移量呀

box-sizing: border-box;

@长久同学: 俄罗斯方块玩过没有

Halo: 玩过

@长久同学: 数据预处理全部做成队列由上至下

@长久同学: 日期队列上下左右 1 个边框 房间队列下边框框

望: 用outline就不会产生宽度了

@长久同学: 全部化成 excl 形式的格子

@长久同学: 格子填充明白吧

@长久同学: 更具当前队列找到格子位置 用伪元素来画进度条，队列绝对定位，进度条相对定位

@长久同学: 明白

@长久同学: 纯 css 实现 js 只负责处理 数据，把数据格式化成队列形式的二维数组

@长久同学: 进度条相对定位 z-index:1 队列格子 z-index:0

@长久同学: 就是在页面上画满格子而已

@长久同学: 你把你这玩意往 excel 实现一遍你就明白了 以日期维度化格子 border 要设置 box-sizing 为边框盒，不能是内容盒