负顶部会使高度增加一倍？

问题描述

| 我正在尝试使用负顶动画下放动画，动画正常，但下面的下一个元素也向下移动。 单击此链接获取示例 http://jsfiddle.net/rooivalk/z9JZ3/1/ 当绿色div发生鼠标悬停事件时，红色div的高度将增加到50px，顶部属性将减小-49px，因此红色div看起来就像下拉菜单一样。 但我认为绿色div应当保持原状。 在我的示例中，绿色div也向下移动与红色div所增加的高度一样多。 那么，绿色div会怎样？有点像红色的div具有原始添加高度的两倍，然后向下推绿色的div？ 注意：我试图通过使用负属性为绿色div（也）设置动画来修复它。看起来不错，但是当我将光标悬停在绿色div上时，有时绿色div会上下移动（垂直摇动）大约1像素。 请指教：H 谢谢     

解决方法

将容器设置为“ 0”，将可调整大小的div设置为“ 1”。 演示http://jsfiddle.net/gaby/z9JZ3/2/