多级菜单和滚动条共存overflow问题

前天，在学习中遇到一个问题，要实现一个多级菜单，且每级菜单都有滚动条，这时我想使ul元素overflow-x为visible，而overflow-y为auto，但发现设置以后并没有按照想像中的生效，x和y方向都变为了auto，最后发现是CSS规范这样限制的

“ overflow-x”和“ overflow-y”的计算值与它们的指定值相同，除了不可能与“ visible”进行某些组合：如果将一个指定为“ visible”而另一个指定为“ scroll”或“自动”，然后将“可见”设置为“自动”

最后参考这篇文章解决了问题 https://css-tricks.com/popping-hidden-overflow/