Javascript Can'；t隐藏滚动条和mantain div可滚动

我试图遵循我在这里找到的指南，但我无法隐藏滚动条并保持滚动的能力

我已尝试将父项相对值和子项绝对值以及父项上的

overflow:hidden

、子项上的

overflow-y:scroll

，但均无效

现在我有：

parent
{
width: 100%;
padding-left: 30px;
height: 100%;   
box-sizing: border-box;
overflow: hidden;
}
child
{   
overflow-y: scroll;
}

我什么都试过了，但找不到为什么不起作用。有什么建议吗？

试试这个

*{margin:0；}
#集装箱1{
身高：100%；
宽度：100%；
边框：1px纯绿色；
溢出：隐藏；
}
#集装箱2{
宽度：100%；
身高：99%；
边框：1px纯蓝色；
溢出：自动；
右侧填充：15px；
}
html，正文{
身高：99%；
边框：1px纯红；
溢出：隐藏；
}

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

再见。