flex布局滚动条失效

Posted 2021-02-06 websjs

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了flex布局滚动条失效相关的知识，希望对你有一定的参考价值。

flex布局中，父元素：

parent:{
    display: flex;
}

子元素：

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

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

子元素：

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

以上是关于flex布局滚动条失效的主要内容，如果未能解决你的问题，请参考以下文章

flex布局 滚动条失效