关于overflow:hidden的一个小bug

修一个关于ios显示的bug

页面上方div有个选择框，点击会显示，但是在ios手机上，下方div区域的部分不会显示。

分析bug原因

这种情况我分析有两个原因，要么是下方div遮挡了上方div区域，要么就是上方div区域内容被限制范围。

尝试

本来以为是position：fixed的问题，因为ios系统对fixed布局兼容性不太好。把下方div的属性增加一个z-index也不管用。

分析

然后点f12看element，有个css属性特别显眼，就是overflow:hidden。超出区域会被省略。
这块地方之所以出bug应该是这个overflow属性的问题。
这段代码中css属性为overflow：scroll。就是超出部分会以滚轮形式展示，但是这个页面还引用了一个css页面，在那里用的是overflow：hidden，所以有的时候那块区域还能滚动。

解决

在css中增加一个overflow：visible ！important