CSS3翻译问题溢出

Question

首先，这里有一个jsfiddle来说明我的问题：http://jsfiddle.net/EKxkx/ 我不知道为什么在jsfiddle上，css translate仅适用于chrome，但在实时版本中，问题仅在firefox下可见，如下所示：http://helveticventure.com/startupweekend/v4/test.html

我正在使用ez-css框架（ez-css.org）。具有以下布局：

----------
|   1    |
----------
|   |    |
| 2 |  3 |
|   |    |
----------
|   4    |
----------

当我放一个-webkit-transform：translate（0,30px）;对于块2和块3，它们的行为方式不同。

当块2在块4上方移动时，块3在块4下方移动。 我想要存档的行为是块3使用的。两个块都移动到块4下面。但我真的不知道如何。

感谢您的帮助！

埃里克

Answer 1

Fabrizio Calderan的答案完美无缺！

http://jsfiddle.net/kXySp/

我添加了：

.ez-last{
  overflow:hidden;
}
.ez-fl{
  overflow:hidden;
}

并且知道集团2正在块4下面移动。

埃里克