flex 左右布局-----在手机端,当左侧宽度固定,右侧宽度自适应时,右侧会超出浏览器窗口的问题解决方案

发布时间 2023-06-07 15:14:29作者: 吃不棒的胖胖糖
废话不多说:直接上代码解决问题;
父级: 
.parent {
  display: flex;
  flex-flow: row;   
}
子级:
.left-child {
  width:100px;  
}
.right-child {
  flex:1;
  overflow:hidden;/width:0;  
}
注解:当不给right-child设置宽度,那么其会被自己的子节点无限撑开