element踩坑⼩记⼀（el-row宽度溢出）在使⽤珊格系统时，如果使⽤了有分隔的布局也就是将gutter设置为⾮零时，会使页⾯宽度溢出出现滚动条破坏了布局美观性
<el-row:gutter="20">
<el-col:span="12"><div class="grid-content bg-purple"></div></el-col>
<el-col:span="12"><div class="grid-content bg-purple"></div></el-col>
</el-row>box sizing
原因是因为⽗容器没有设置⾜够的padding，所以会造成el-row宽度变长从⽽出现滚动条
⽅法⼀：为⽗容器设置隐藏横向滚动条的样式
overflow-x: hidden
⽅法⼆：为⽗容器设置⼀定的padding，并且将box-sizing设置为border-box，padding的设置根据你需要设置的间隔来定
padding: 0 10px;
box-sizing: border-box;

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。