看这个演示： http ://codepen.io/vobpler/pen/GHDCs
很简单，一个里面有两个元素的按钮。有一个.text元素保存默认状态下显示的文本，然后有一个.spinner元素保存单击按钮时向下滑动的内容。
<button class="button load-btn">
<span class="text">Press me!</span>
<span class="spinner"><i class="icon">:D</i></span>
</button>
它在 Chrome 中运行良好，在 Firefox 中也很好，但在 Opera Presto（具体来说是旧版本 12）中，两个子元素 (.text和.spinner) 都伸出容器外。我确实已经overflow: hidden;申请了，所以它应该被切断（就像它在 Chrome/FF 中所做的那样）。
在玩了一下之后，我注意到如果我将display属性更改为block或应用浮点数，它就会起作用。这会起作用，但我宁愿尽可能保留它inline-block。这个错误还有其他解决方法吗？
Opera 中的截图：
http://i.imgur.com/MtwZQMU.png // Before click
http://i.imgur.com/RfODQ64.png // After click