overflow-x和overflow-y不一致时的表现

当设置一个轴的overflow为visible时，另外一个轴为不同值（auto/hidden/clip）时，visible的行为会像auto一样

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

此时的效果为overflow: auto

2. overflow-x:hidden; overflow-y: visible;

此时的效果为overflow-x: hidden;overflow-y: auto;

此特性会导致实际开发过程中出现的问题：

绝对定位的元素会撑开overflow: auto的父元素或祖先元素的宽度或高度，出现滚动条。

解决办法：

1、如果是一个轴为hidden，一个轴为visible，可以在父元素或祖先元素外再套一个div，将两个轴的overflow-x和overflow-y分开写
2、保证该父元素无背景色，然后设置一个（padding-right: 100px;margin-right：-100px；）将元素的宽度或高度撑开，这里的100px可以根据实际情况进行修改，但是这种情况下需要隐藏滚动条。