overflow-y:auto/hidden/scroll和overflow-x:visible组合渲染异常

最近做项目想做一个这样的效果：就是我想要内部div x轴溢出div则显示y轴溢出div则出现滚动条
于是用到了overflow-y 和 overflow-x 这个css属性
原来以为css中直接设置就ok

{
overflow-y：scroll;
overflow-x: visible;
}

但是实际情况是并不好用 会出现两边都是scroll的情况上网上查了一下解决方案，很多都说试着将overflow-x和overflow-y放在不同的DOM元素上。但是会因为实际使用情况和逻辑上的复杂程度而变得并不好用。最终解决方案如下：
把容器的宽度去掉，让其内容自己撑开容器，这样不会出现滚动条，和横向溢出的最终目的是一样的；然后设置纵向overflow-y:scroll即可。
至于浏览器为什么会这样 就只搬运了 不详细解释

原文地址：https://www.cnblogs.com/baimeishaoxia/p/12059070.html