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 中的 float 元素(或使它们“不 float ”)解决了这个问题。感谢评论。