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

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

       .main{width:100%display:flex}

       .left{flex 0 0 180px}

       .right{flex:1}

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

.right{flex:1overflow:hidden }

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

在容器里设置： horizontalScrollPolicy="on"， verticalScrollPolicy="on"

一个是横的，一个是竖的

希望对你有帮助

---