flex布局多层嵌套，横向滚动时，当滚动到最左边时，数据为什么不能显示完整？-灵析社区

清楚明确的知道自己写的每一个css样式的作用，不写多余的样式。 在你的代码中，这些类的`flex`布局是多余的，`.cmp-main \ .cmp-core \ .process-core \ .item-wrap \ .item-condition \ .condition` 移除掉这些多余的样式之后，你会看到你的item元素没有因为`width`宽度出现滚动条，  这是由于`.condition .item-wrap` 设置的flex布局导致的，宽度不会超过父元素宽度，自动缩小，修改你的css，在flex布局中，设置子元素的固定宽度通过属性`flex`控制 .condition .item-wrap .item { position: relative; display: flex; flex: 0 0 500px; height: 100px; border: 1px solid red; } 可以看到`width:500px`改成了`flex:0 0 500px`,` 0 0 `表示元素不会放大，也不会缩小。 在此查看页面可以看到页面滚动条已经正常了。 此时有个问题，就是头部会跟着滚动，因为你的滚动轴是`.container`出现，修改超出部分的父元素`condition` 让下方的数据出现滚动，头部则固定不动。 .condition { position: relative; overflow: auto; } 然后再设置头部局中。直接修改`.item-wrap`会污染下面同类名的元素样式。 .process-core > .item-wrap:first-child { display: flex; justify-content: center; text-align: center; } 这样我们只控制第一个`.item-wrap`的样式