我正在尝试使用负顶部为下拉设置动画，动画运行正常，但下面的下一个元素也向下移动。
单击此链接查看示例 http://jsfiddle.net/rooivalk/z9JZ3/1/
当绿色 div 获得鼠标悬停事件时，红色 div 会将其高度增加到 50px，顶部属性向下增加 -49px，因此红色 div 看起来像是下拉菜单。
但我认为绿色 div 未被触及，应该保留在该位置。 在我的例子中，绿色 div 也向下移动了红色 div 的增加高度。
那么，绿色 div 会怎样？这有点像红色 div 的原始高度增加了一倍然后压低了绿色 div？
注意:我试图通过使用负属性为绿色 div(也)设置动画来修复它。看起来不错，但是当我将光标疯狂地悬停在绿色的div上时，有时绿色的div会上下移动(垂直晃动)大约1px。
请赐教:D
谢谢
最佳答案
将容器设置为position:relative，将可调整大小的div设置为position:absolute。
关于javascript - 负顶让高度翻倍？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6135651/