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

废话不多说:直接上代码解决问题;
父级: 
.parent {
  display: flex;
  flex-flow: row;   
}
子级:
.left-child {
  width:100px;  
}
.right-child {
  flex:1;
  overflow:hidden;/width:0;  
}
注解:当不给right-child设置宽度,那么其会被自己的子节点无限撑开

  

posted @ 2023-06-07 15:07  吃不棒的胖胖糖  阅读(37)  评论(0编辑  收藏  举报