我有一个有趣的情况，我想知道是否可以用CSS转换来解决。
最好的描述方式是看看jsfiddle。
您可以看到，当您将鼠标悬停在标题栏上时，文本框和图像会移动。
然而，这是通过将X背景位置设置为100%以上来完成的，这会让事情变得有点疯狂！试着调整浏览器宽度，看看我的意思。
你可以从左边看这个jsfiddle，但我想不出从右边看的CSS方法。
我在想calc()将来可以做到这一点？
有什么想法吗？
在导航中添加一个div作为小猫背景的挂钩，将其向右浮动，并在悬停时设置宽度动画。。。稍微调整一下就行了。。
http://jsfiddle.net/RuEGv/7/