Css 处理固定高度、可滚动容器上的溢出

我试图在一个应用程序中注释特定的功能，注释出现在内容栏的一侧。列的高度是固定的，带有自定义的滚动条，所以我需要溢出y来自动显示，或者需要溢出x来显示，这样注释就可以显示

我知道在同一个元素上设置auto/visible是不可能的，但我已经看到了解决方案，其中列设置为overflow-y auto，包装设置为overflow visible，但我无法让它工作

我用当前实现设置了一个JSBin-

基本上：

.wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
}
.column {
  position: fixed;
  left: 0;
  height: 100%;
  width: 25%;
  overflow: visible;
}
.column__content {
  position: static;
  overflow-y: scroll;
  height: 100%;
  width: 100%;
}

是否有人知道一种解决方案，可以看到x轴并启用y滚动

谢谢：）

试试这个：

正文{
身高：100%；
保证金：0；
字体系列：“Unica One”，无衬线；
背景：#fff；
}
.自定义面板{
边界半径：0；
高度：300px；
溢出：滚动；
填充：15px；
宽度：400px；
}
.定制面板p{
最小宽度：500px；
宽度：100%；
}

“Lorem ipsum door sit amet，一位杰出的献身者，他是一位临时劳工和职业经理人。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。“知识本身是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德。”有时，如果你不自以为是，那么你就必须为自己的行为承担责任，因为你的行为是“不道德的，不道德的，不道德的，不道德的，不道德的，不道德的，不道德的，不道德的”。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除了偶尔出于谨慎，还必须为动物的劳动负责

试试这个：

正文{
身高：100%；
保证金：0；
字体系列：“Unica One”，无衬线；
背景：#fff；
}
.自定义面板{
边界半径：0；
高度：300px；
溢出：滚动；
填充：15px；
宽度：400px；
}
.定制面板p{
最小宽度：500px；
宽度：100%；
}

“Lorem ipsum door sit amet，一位杰出的献身者，他是一位临时劳工和职业经理人。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。“知识本身是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德。”有时，如果你不自以为是，那么你就必须为自己的行为承担责任，因为你的行为是“不道德的，不道德的，不道德的，不道德的，不道德的，不道德的，不道德的，不道德的”。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除了偶尔出于谨慎，还必须为动物的劳动负责

谢谢Sangrai，但它似乎只显示带有x&y轴滚动条的文本块。谢谢Sangrai，但它似乎只显示带有x&y轴滚动条的文本块。我尝试了不同的可能选项，但没有使用js和一些固定位置，没有任何效果。期待任何解决方法。我尝试了不同的可能选项，但没有使用js和一些固定位置，没有任何效果。期待任何解决办法。