Javascript Mootools/CSS高度变形结果。

我创建了一个购物车页面，显示购物车中所有项目的列表，每个项目都有一个按钮，用于从购物车中删除项目。我正试图通过Javascript处理从购物车中删除物品的问题

项目应该完全淡出，然后将

高度

、

边距

和

填充

值变形为0。但是，在第二次变形过程中，移除项下方的项的高度与移除项的大小成反比

之前：

之后：

我一辈子都搞不懂这里发生了什么，为什么。我已经检查了Firebug中的

DOM

元素，查看是否有任何样式应用于它们（或它们的子元素），但似乎没有任何更改。我完全困惑了

---

我的代码的JSFIDLE:

JSFIDLE版本的我的工作已经创建并添加到帖子中。虽然我不认为JSFIDLE喜欢我的Javascript，因为它似乎根本不想运行。现在我有一些空闲时间在项目上，我已经玩了一些CSS和Javascript，似乎添加了一个

溢出：隐藏似乎可以纠正该行为。我将继续摆弄我的代码，直到我弄明白代码为什么会这样，并在我弄明白后进行更新。是的，看起来
#gdwboutique.panier.cart.cart_项{overflow:hidden；}
应该会修复它。这不是MooTools的问题，而是CSS的问题，因为动画之后，父对象的高度是
0px
，但子对象仍然占用空间。我想可能是的。无论如何，它与CSS修复程序一起工作：