问题很简单...我有一个导航结构，在适当的时候我可以为子导航设置高度和宽度的动画。
在此版本中：http://jsfiddle.net/PmFxZ/3/
我的第2层及更高版本的子导航具有display: none;和（在:hover上）display: block;。
这样可以使结构正常工作，但是不允许宽度动画。
在此版本中：http://jsfiddle.net/PmFxZ/4/
显示：无；设置为display：block;。这允许宽度动画进行操作。但是造成另一个问题。也就是说，如果您将鼠标悬停在“关于”>“我们的团队”>“肯尼”上，它也会悬停在“某物”的子项上
有没有办法使用显示：无/块；允许悬停状态正确运行，还允许播放宽度动画？
最佳答案
找到了一个很好的解决方案。 UL相对于其LI父代绝对定位。只需将其left: 150px;属性更改为-2000px，然后将鼠标悬停在left: 150px;和walaa上。问题解决了。
http://jsfiddle.net/PmFxZ/5/
关于css - 设置动画宽度并在Nav中显示的问题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/16492712/