flex的左右布局，右侧出现x轴滚动条

场景：

---

        flex的左右布局，左侧菜单宽度固定，右侧自适应。

实现：

       .main{width:100%;display:flex;}

       .left{flex 0 0 180px}

       .right{flex:1;}

遇到的问题：

         在右侧内容中，包含element-ui的table组件，当table内容列很多，宽度超出flex布局得宽度，出现横向滚动条。

解决办法：

.right{flex:1;overflow:hidden}

这样就完美解决出现横向滚动条的问题了。