Javascript div在特定div中的位置

我有一个卡片窗口div，其中

       <div id="cards_window"  class="popup_window ui-dialog ui-corner-all" title="Cards">
            <div id="cards_title">
                Cards <div id="cards_window_close" class="ui-button ui-icon ui-icon-circle-close popup_close"></div>
            </div>

            <div id="cards">
                <div id="cards_pending"><h3>Cards Pending</h3></div>
                <div id="cards_received"><h3>Cards Received</h3></div>
            </div>
        </div>

卡
待处理的卡
收到的卡片

在这里，我在特定的位置呈现我的所有卡片实例，我希望挂起的卡片在挂起的div中处于适当的位置，并在接收到的div中接收该实例 我应该做什么，但我正在将div分散在完整的cards div中。

完成了

<div id="cards_pending"><div style="clear: both;"><h3>Cards Pending</h3></div></div>\
<div id="cards_received"><div style="clear: both;"><h3>Cards Received</h3></div>

卡挂起\
收到的卡片

我们可以在某个有长句子的地方查看这一页吗。请试着再描述一下这个问题。