javascript - 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
<p class="outer">
    <p class="inner"></p>
</p>

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

Answer 2

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