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>

单击按钮时，显示带有jquery的

#leftcolotherdestinations 。到目前为止还可以。但是当显示#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中的浮动元素（或使它们“解开”）解决了这个问题。感谢您的评论。