flex布局滚动条失效

发布时间：2020-12-15 01:50:04 所属栏目：百科来源：网络整理

导读：flex布局中，父元素： parent: { display : flex ;} 子元素： child: { flex : 1 ; overflow : auto ;} 子元素默认占满父元素；子元素内容超过后，没有出现滚动条；子元素： child: { flex : 1 ; overflow : auto ; width : 0 ; //横向需要滚动条的话 heig

flex布局中，父元素：

parent:{
    display: flex;
}

子元素：

child:{
    flex: 1;
    overflow: auto;
}

子元素默认占满父元素；
子元素内容超过后，没有出现滚动条；

子元素：

child:{
    flex: 1;
    overflow: auto;
    width: 0;//横向需要滚动条的话
    height: 0;//纵向需要滚动条的话
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

flex布局 滚动条失效

flex布局滚动条失效