如何让overflow-x可见并隐藏溢出-y

Question

请参阅此示例：http://jsfiddle.net/7y2cb/193/

HTML：

<div class="wrapper">
    <div class="inner">
       <div class="example"></div>
    </div>
</div>

我想反过来让绿色框在没有滚动的情况下溢出x并隐藏y中的溢出。

我做了很多搜索，没有任何效果，即使是Javascript / jQuery也有任何黑客攻击或解决方法吗？

Answer 1

更新内部类并尝试，

.inner{
    float: left;
    height: 100%;
    overflow: hidden;
}