overflow-y: visible 不生效

不生效的原因 

如果overflow-x 或者 overflow-y 其中有一个被设置为visible 另一个设置为auto或者scroll 那么设置为visible的会自动被替换成auto

 

The computed values of ‘overflow-x’ and ‘overflow-y’ are the same as their specified values, except that some combinations with ‘visible’ are not possible: if one is specified as ‘visible’ and the other is ‘scroll’ or ‘auto’, then ‘visible’ is set to ‘auto’. The computed value of ‘overflow’ is equal to the computed value of ‘overflow-x’ if ‘overflow-y’ is the same; otherwise it is the pair of computed values of ‘overflow-x’ and ‘overflow-y’.