在写贪吃蛇的网页迷你游戏，话说本来想着600宽高 正好以20px为每单位分成30横排，30纵排，打比方是以0起头到29是横排，那外面有个boder也占了一个单元格，所以我本来写600后来改成620px，然后里面的游戏格子再用border-box的盒模型，结果发现当小苹果落到最边缘的时候，会有视觉上的误差。。

 

 

 

 所以现在改成里面的游戏格子div改为写死宽高600px；再把border-box去掉，再试试效果:

当然这里也要传入实参29：

 

 

 

 

同样是边缘格子，现在看出来差距了吗  我既没有改样式  大小也都是20一格子，但是论适用性来说，大家还是少用另一种盒模型吧。这里的例子也看到了。好了，欢迎关注前端小曹！