添加spacing属性后MUI Grid出现异常布局的问题咨询

• MUI的Grid组件spacing属性是靠给容器加负外边距、给子项加正内边距来实现间距的。给Paper里的Grid容器加spacing={2}后，这个负外边距会直接让Grid容器超出Paper的边界，看起来就是Paper“顶破”了上方的Grid布局。
• Paper本身默认带内边距（比如MUI v5里默认是16px），Grid的负外边距会抵消掉Paper的部分内边距，导致左右两边的内边距和上方Grid的布局对不上，视觉上就出现了错位。
• 再加上上方的Grid没设置对应的间距或内边距来匹配内部Grid的负外边距，就会让Paper顶部直接超出上方Grid的范围，形成你看到的异常布局。

内容的提问来源于stack exchange，提问作者Tim