场景:
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}
这样就完美解决出现横向滚动条的问题了。
本文标题:flex的左右布局,右侧出现x轴滚动条
本文链接:https://www.haomeiwen.com/subject/xbkjdftx.html
网友评论