解决方法1：增加总模块容器宽度(原.grid_24 { width:950px}修改为.grid_24 { width:954px})
2：减少自身模块容器的宽度(原.grid_1 { width:30px}修改为.grid_1 { width:28px})
希望我的回答对你有帮助。@^_^@
众所周知，grid布局目前得到浏览器的支持已经非常可观了，它强大的功能已经成为很多复杂布局的首选。
同时，很多场景里，它也成为了 table 布局的优秀替代方案。
但是很多人在使用grid代替table布局时，却发现了一个严重的问题，那就是：
边框非常不方便！
如图，一般情况下，我们都只能给item设置border，但渲染出来的效果嘛……
效果极其难受，因为每个item都拥有本身的border，这样一来有的地方2px，有的地方1px。
那么应该怎么做呢？
其实很简单，两行css，如下
这样一来，效果就完美了。
