场景:
flex的左右布局,左侧菜单宽度固定,右侧自适应。
实现:
.main{width:100%;display:flex;}
.left{flex 0 0 180px}
.right{flex:1;}
遇到的问题:
在右侧内容中,包含element-ui的table组件,当table内容列很多,宽度超出flex布局得宽度,出现横向滚动条。
解决办法:
.right{flex:1;overflow:hidden}
这样就完美解决出现横向滚动条的问题了。
flex的左右布局,左侧菜单宽度固定,右侧自适应。
.main{width:100%;display:flex;}
.left{flex 0 0 180px}
.right{flex:1;}
在右侧内容中,包含element-ui的table组件,当table内容列很多,宽度超出flex布局得宽度,出现横向滚动条。
.right{flex:1;overflow:hidden}
这样就完美解决出现横向滚动条的问题了。