这行代码完全是按照老师写的，可是这几个list 都是连在一起的，无法显示之间的间距，能否帮忙看一下，谢谢
来源：2-13 任务列表之任务组件
frych
2017-08-23
.task-lists {
min-width: 100%;
height: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
overflow-x: scroll;
}
.list-container {
flex: 0 0 360px;
overflow-y: scroll;
overflow-x: hidden;
}
写回答
1回答
-
css 倒是没写错，但其实那个分隔就是 scrollbar，如果不是浏览器的问题，那么应该是 overflow-y 被覆盖了，你可以在 chrome 中调试一下看看。上面的图片你可以看到如果 overflow-y 取消的话分隔就没有了。这种问题一般检查一下其他 css 有没有问题，或者是否浏览器设置了相关覆盖 css 的选项了
012017-08-23
Angular打造企业级协作平台，让你在Angular领域中出类拔萃
全网首个介绍官方 Material 组件库用法与 Redux 在 Angular 中的应用
998 学习 · 536 问题
相似问题