overflow-y:auto和overflow-x:visible设值无效?

Question

overflow-y和overflow-x分别设值无效
其实另一个值设置为hidden的时候，visible也会被重置为auto；

如图，红色框里面是滚动条和被遮挡的标签，如何让X轴visible，求ＣＳＳ，或者JS解决方法，不用考虑兼容。

Answer 1

试着将overflow-x和overflow-y放在不同的DOM元素上。可以尝试一下。

html
<div class="outer">
    <div class="inner"></div>
</div>

css
.outer{
    overflow-x: visible;
}
.inner{
    overflow-y: scroll;
}

Answer 2

先将overflow-y设为auto，再将overflow-x设为initial（位置不可替换）

    overflow-y: auto;
    overflow-x: initial;

Answer 3

请问你后来如何解决这个问题的，我也遇到了一样的问题