jquery - Jquery .show() - 显示的 div 下方的 div 不会向下滑动

Question

我的asp页面中有2个div

<div id="leftcolotherdestinations" style="display:none;">
    <asp:Panel ID="pnlOtherDestinations" runat="server" CssClass="destinationpanel">
    </asp:Panel>
</div>
<div id="leftcolheaderupdates">
     Updates
</div>

当单击按钮时，#leftcolotherdestinations与 jquery 一起显示。到目前为止还可以。但是当显示#leftcolotherdestinations 时，#leftcolheaderupdates正在向下滑动，但是当动画完成时，它会在之前的位置向上移动。我希望它与上面的 div 一起下降。这是我的CSS；

#lefcoltotherdestinations
{
    margin-top:20px;
    display:block;
    height:20px;  
    background-color:#D8D2CE;
}
#leftcolheaderupdates
{
    display:block;
    height:20px;  
    background-color:#D8D2CE;
}

Answer 1

我通过移除外部 div 内的浮动元素（或使它们“未浮动”）解决了这个问题。感谢您的评论。