Html 内容上方的滚动条

在下面的代码中，我尝试使用flexbox显示模型构建类似表格的设计

.wrapper{
宽度：500px；
高度：150像素；
背景：灰色；
}
.集装箱{
显示器：flex；
弯曲方向：立柱；
身高：100%；
}
.行{
显示器：flex；
弯曲方向：行；
弹性：1；
边框：3倍纯绿；
}
.细胞{
弹性：1；
边框：1px纯红；
}

1.
2.
3.
1.
庞大的内容
3.
1.
2.
3.

我想你在找这个

使用的代码-

::-webkit-scrollbar {
    width: 10px;
    height:10px;

}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.8); 
    border-radius: 6px;
    background-color: grey;
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9); 
    background-color: grey;
}

---

我发现，存在

溢出：overlay

，它可以按我的要求工作

它渲染滚动条，但不占用该空间

---

请参阅：

您已将溢出：自动硬编码到其中一个div中，去掉它，就可以了。请避免混合内联和外部css规则…当我删除该style=“overflow:auto；”时，我无法滚动第二行中的内容。正如您在中所看到的，我在第二行的所有3列中都有内容，所以我不能只用中间一列滚动。你需要滚动条来显示第2列和所有行。对吗？我需要滚动第二列和第二行。我已经用javascript实现了第二列滚动，但第二行（整行，而不仅仅是一些列）滚动需要以本机方式进行。请注意，这是一个仅限于webkit的属性。对于IE10+/Edge，您可以使用

-ms溢出样式：-ms自动隐藏滚动条。它的功能几乎相同，但如果光标不在目标元素上，滚动条就会隐藏。这正是我一直在搜索的内容。非常感谢。此外，如果隐藏滚动条是一个选项，那么您可以使用CSS完全隐藏滚动条，尽管@JacobvanLingen提到，我认为IE/Edge无法像WebKit那样控制滚动条拇指等
overflow:overlay
已被弃用，并且仅在WebKit和基于blink的浏览器developer.mozilla.org/en-US/docs/Web/CSS/overflow中受支持。现在不起作用。即使溢出：覆盖，滚动条也会出现已设置。