问题很简单…我有一个导航结构，我在适当的地方为子导航设置了动画高度和宽度。
在这个版本中:http://jsfiddle.net/PmFxZ/3/
我有display: none;和(在:hover上)display: block;用于我的Tier 2和更高的subnavs。
这允许结构正常工作，但它不允许宽度动画。
在这个版本中:http://jsfiddle.net/PmFxZ/4/
显示:none;设置为显示:block;这允许宽度动画操作。但也引发了另一个问题。也就是说，如果你将鼠标悬停在About> Our Team> Kenny上，它也会悬停在"Something"的子元素上
是否可以使用display: none/block;允许悬停状态正确操作，但也允许宽度动画播放?
找到了一个很好的解决方案。UL的绝对定位相对于它们的LI父级。简单地改变他们的left: 150px;属性为-2000px，然后在悬停放置left: 150px;和walaa。问题解决了。