【发布时间】：2011-05-26 08:24:07
【问题描述】：
我正在尝试使用负顶部为下拉设置动画，动画效果很好，但下面的下一个元素也向下移动。
点击此链接查看示例 http://jsfiddle.net/rooivalk/z9JZ3/1/
当绿色 div 获得鼠标悬停事件时，红色 div 将其高度增加到 50px，top 属性向下 -49px，因此红色 div 看起来像下拉菜单。
但我认为未触及的绿色 div 应该保留在该位置。 在我的示例中，绿色 div 向下移动的幅度也与红色 div 增加的高度一样多。
那么，绿色 div 会发生什么？有点像红色 div 的高度是原来的两倍，然后向下推绿色 div？
注意：我试图通过使用负属性为绿色 div 设置动画来修复它。它看起来不错，但是当我将光标疯狂地悬停在绿色 div 上时，有时绿色 div 会上下移动（垂直晃动）约 1px。
请指教哦 :D
谢谢
【问题讨论】：
标签： javascript jquery css