flex-end为什么overflow无法滚动及解决方法

244 阅读1分钟

①在 flex 布局中,如果整体列表项元素的对齐方式是 flex-end,则当里面的内容超过容器的时候,即使容器设置了 overflow:auto 也是无法有滚动效果的;
②flex-end 之所以不会出现滚动条,就是因为里面内容溢出容器的方向不是在容器的下方或者右侧,而是在容器的顶部和左侧,自然就无法触发滚动条的出现;
③对齐方式开始默认的 flex 对齐,然后使用名不见经传的 margin: auto 实现end对齐就可以了,设置第一个子项设置起始方向的 margin 属性值为 auto;
(参考:www.zhangxinxu.com/wordpress/2…