CSS3过渡行为对浮动元素的文本换行有奇怪的影响

Question

我在元素的margin-top上放置了一个转换，我遇到了一个问题，即文本没有正确地包裹浮动元素。它似乎在大部分周围工作得很好，但在尾端它将出现在浮动元素上方。它似乎在最新版本的Firefox（mac）中正常工作，但不适用于Chrome / Safari（mac）：

http://dabblet.com/gist/2704263

我希望有人可能会对为什么会发生这种情况有所了解，并且可能是一种解决方案。

（编辑） 我更新了dabblet以正确显示问题。请务必将鼠标悬停在文字上方。感谢。

Answer 1

我不明白为什么，但是如果你定位图像（position: relative;），问题就会消失。