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

问题描述

问 题

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

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

解决方案

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

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

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

这篇关于javascript - overflow-y:auto和overflow-x:visible设值无效?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！