element-ui使用过程遇到的坑（1）—— element-style样式

今天学了一下element-ui的布局，也是为了之后在公司开新项目的时候能够用得上。

那么说一下刚刚遇到的问题，问题如图

发现导航栏跟控制台之间有一个间距，于是我点击样式一看

看到了这么一个玩意儿，可是我的样式中并没有设置这个所谓的element.style，但是当我把这些margin-left跟margin-right去掉之后，这个间距就消失了。

解决方案：使用!important来覆盖掉这个element.style的样式，因为使用了!important的样式的优先级是最高的。于是我修改了一下样式

这里将margin-left跟margin-right都设置为0，然后加上!important，

之后刷新页面

间距消失了，然后再看看element.style

这里发现element.style中的样式已经被划掉了，也就是说我们利用!important成功的将element.style中的样式覆盖掉了，那么问题也就解决了。