解决在element-ui中使用Container 布局容器时出现白边问题

环境架构

vue2 + vue-cli + element-ui 构建

问题背景

在使用element-ui的Container布局容器编写基于vue-cli环境下的前端页面时发现在浏览器四周分别有白边生成
如图
解决在element-ui中使用Container 布局容器时出现白边问题_第1张图片

问题分析

【简书】解决vue element-ui body页面默认边距- @web28的启发,使用f12打开控制台观察其初始style,发现body中具有8px的外边距样式解决在element-ui中使用Container 布局容器时出现白边问题_第2张图片控制台style截取

需要注意的是观察控制台中的8px样式是加在bady中的,故若消除白边只能将body中的margin0px,而无法通过设置