jQuery 淡出留下小间隙

Question

我正在使用当前的 jQuery 隐藏淡出通知 div，然后将其删除，但是当它完成时，  的高度周围有一个奇怪的间隙 - 这意味着后续表单并且页面元素不会显示通知出现之前的位置。

回顾一下:淡出和删除工作完美，但我希望留下的间隙也消失。这是一件小事，但却让我烦恼。

jquery:

// Fade out any success divs.
$(".success").fadeOut(6000, function(){
    $(".success").remove();
});

通知 div 是由 PHP 在回发时编写的，并具有以下 CSS:

.success {
    background-color: #b3ffb2;
    border: 1px solid green;
}

.box {
    margin: 5px;
    padding: 5px;
}

div 非常简单:

<div class="success box"><p><strong>Success!</strong><br />Done!</p></div>

编辑:页面的周围标记如下所示:

<div id="wrapper">

    <div id="navigation">
        <ul> ... </ul>
    </div>

    <div id="container">
        <div class="success box">
            <p><strong>Sucess!</strong><br />
            Done</p>
        </div>
        // more content
    </div>

</div>

编辑:在 FF 3.5.2 中使用 Firebug，我无法使用检查器看到任何遗留的东西。只是有一个奇怪的间隙。我还创建了此现象的屏幕截图:

Answer 1

如果没有真正看到它，我会假设它是 #container 或 //more content 的产物。 $.remove() 从字面上从 DOM 中删除元素并强制重绘，因此假设它正常工作(语法看起来很好)，它肯定不是 .success 的结果。