问题
<html>
<body>
<el-row :gutter="20">
<el-col :span="12">1</el-col>
<el-col :span="12">2</el-col>
</el-row>
</body>
</html>
当el-row的gutter属性有值的时候，会出现横向滚动条。
plus版本有同样的问题。
解决方案
给el-row组件的任何一级父元素设置一定的padding 或者 margin值，而且该值要大于等于gutter，横向滚动条才能消失。
body {
padding: 0 20px;
/* margin: 0 20px; */
}