css - CSS3 过渡行为与浮动元素上的文本换行有奇怪的效果

Question

我在元素的边缘顶部放置了一个过渡，我遇到了一个问题，即文本没有正确环绕浮动元素。它似乎在大多数情况下都可以正常工作，但在尾端它将出现在浮动元素上方。它似乎在最新版本的 Firefox (mac) 中可以正常工作，但在 Chrome/Safari (mac) 中却不能：

http://dabblet.com/gist/2704263

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

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

Answer 1

好吧，我不明白为什么，但是如果您定位图像 ( position: relative;)，问题就会消失。