css - MooTools 幻灯片在包装 div 中跳来跳去

Question

我正在使用滑动效果来“关闭” a div，效果很好，除了在滑动之前，它会在它的 wrapping 中对角跳跃div，旁边是div它上方的浮动。让它看起来很丑...

这正好说明了我在说什么：http: //jsfiddle.net/ELxPF/

当divfloat不float时，一切都很好，所以它与float有关。我认为在启动幻灯片效果时应用于非浮动的包装器div并没有做clear: both;任何事情，导致它对角跳跃。

解决这个问题的最佳方法是什么，保持浮动的可浮动性div- 最好不使用额外的包装元素？

score 1 · Accepted Answer

我建议您改用.dissolve()。

$('slide').addEvent('click', function () {
    $('two').dissolve()
});

演示

然后你可以用.reveal()它把它带回来。

$('slide').addEvent('click', function () {
    $('two').dissolve();
});
$('one').addEvent('click', function () {
    $('two').reveal();
});