CSS溢出-x：可见; 和溢出-y：隐藏；导致滚动条问题

我最初找到了一种使用Cycle jQuery插件绕过此问题的CSS方法。Cycle使用JavaScript将幻灯片设置为overflow: hidden，因此在将图片设置为图片时width: 100%，图片看起来会被垂直切割，因此我强制将它们显示为，!important并避免将幻灯片动画显示在我设置overflow: hidden为的容器div 的框外。滑动。希望对你有效。

更新-新解决方案：

原始问题 -> http://jsfiddle.net/xMddf/1/ （即使我使用overflow-y: visible它也变成了“自动”，实际上是“滚动”。）

#content {
    height: 100px;
    width: 200px;
    overflow-x: hidden;
    overflow-y: visible;
}

The new solution -> http://jsfiddle.net/xMddf/2/ (I found a workaround using a wrapper div to apply overflow-x and overflow-y to different DOM elements as James Khoury advised on the problem of combining visible and hidden to a single DOM element.)

#wrapper {
    height: 100px;
    overflow-y: visible;
}
#content {
    width: 200px;
    overflow-x: hidden;
}

现在，有一种解决此问题的新方法 -如果您删除了位置：需要从容器中看到需要相对于溢出Y的相对位置，您可以让相对可见的Y溢出和不可见的X处于隐藏状态，反之亦然。 x可见且溢出-y隐藏，只需确保具有visible属性的容器没有相对放置即可。

有关更多详细信息，请参阅CSS Tricks上的这篇文章-它对我有用：https：//css-tricks.com/popping-hidden-overflow/

另一个廉价的技巧，似乎可以解决问题：

style="padding-bottom: 250px; margin-bottom: -250px;"在垂直溢出将被截断的元素上，250表示下拉菜单所需的像素数，依此类推。

我使用的content+wrapper方法...... 但我确实比迄今为止提到的不同的东西：我确信，我的包装的边界也不要与内容的界限排队的，我想是可见的方向。

重要提示：这是很容易够得着content+wrapper, same-bounds的工作方式在一个浏览器或其他取决于各种CSS组合position，overflow-*等等...但我从来没有使用这种方法，让他们所有正确的（边，铬，野生动物园。 ..）。

但是当我有类似的东西时：

  <div id="hack_wrapper" // created solely for this purpose
       style="position:absolute; width:100%; height:100%; overflow-x:hidden;">
      <div id="content_wrapper"
           style="position:absolute; width:100%; height:15%; overflow:visible;">         
          ... content with too-much horizontal content ... 
      </div>
  </div>

...所有浏览器都很高兴。