2013-05-02 86 views
1

首先,这里是一个jsfiddle来说明我的问题:http://jsfiddle.net/EKxkx/ 我不知道为什么在jsfiddle中,css翻译仅适用于chrome,但在实时版本上问题只是可见的在Firefox下,如下所示:http://helveticventure.com/startupweekend/v4/test.htmlCSS3翻译问题溢出

我正在使用ez-css框架(ez-css.org)。使用以下布局:

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

当我把一个-webkit转换:translate(0,30px);对于方块2和方块3,它们的行为都不一样。

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

感谢您的帮助!

埃里克

+0

你在找更多的解释错误或工作方式? – fcalderan 2013-05-02 08:28:22

+0

我试图理解为什么我会得到这种行为,最终能够找到解决方法。 – Eric 2013-05-02 08:31:33

+0

所以作为一个解决方法定义'位置:相对'来阻止'#4'或在块#2和#3的容器上使用'overflow:hidden' – fcalderan 2013-05-02 08:33:53

回答