记录g6网格和画布错位问题

在g6入门教程的例子时，发现底部的网格和画布一直错位，导致tooltip也严重错位。如下图：

开始一直在找g6配置的问题，后来才发现是css的布局的问题，vue有一个最大的app布局里这个style

而我的canvas画布在这里：

自然就居中了，但是网格没有居中，就错位了。

注释之后就正常了。