場(chǎng)景:
??????? flex的左右布局,左側(cè)菜單寬度固定浊竟,右側(cè)自適應(yīng)怨喘。
實(shí)現(xiàn):
?????? .main{width:100%;display:flex;}
?????? .left{flex 0 0 180px}
?????? .right{flex:1;}
遇到的問(wèn)題:
???????? 在右側(cè)內(nèi)容中,包含element-ui的table組件振定,當(dāng)table內(nèi)容列很多必怜,寬度超出flex布局得寬度,出現(xiàn)橫向滾動(dòng)條后频。
解決辦法:
.right{flex:1;overflow:hidden}
這樣就完美解決出現(xiàn)橫向滾動(dòng)條的問(wèn)題了梳庆。