【css】overflow-x:visible失效：溢出时，想让横轴滚动，竖轴显示

场景

与[踩坑] CSS中overflow-y: visible;不起作用 - 个人文章 - SegmentFault 思否类似。发现：

overflow-x: auto;
overflow-y: visible;

在竖轴被隐藏。

原因

当 overflow-x 的值为 hidden、scroll 或者 auto，而 overflow-y 属性的值为 visible（默认值）时，该值会被隐式地计算为 auto。

overflow-y - CSS：层叠样式表 | MDN

反之亦然。

解决方法

使用margin和padding把高度撑开，让其显示：

padding-top: 20px;
margin-top: -20px;