jquery - 滚动覆盖HTML中的div元素

当我按下按钮（+添加卡片）时，就创建了div元素，就像卡片一样。同时，我进行了滚动，覆盖了卡。就像下面的图片一样。我不要这个如何避免这种情况？
Demo

/*Style of a inbox list*/
#inboxList {
    width: 275px; height: 700px;
    background-color: #f0f0f0;
    border: 1px solid black;
    margin-left: 0.5%;
    margin-top: 0.4%;
    border-radius: 10px;
    box-shadow: 7px 7px 7px #828282;
    overflow: scroll;
}

最佳答案

您正在设置固定高度，请改用min-height，例如：http://jsfiddle.net/62QY8/57/

当然，请删除：overflow: scroll;

更新：

DEMO jsFiddle

$('#AddCardBtn').click(function () {
        var $newDiv = $div.clone(true);
        cnt++;
        $newDiv.prop("id", "div" + cnt);
        var $userAddedCard = $('#userAddedCard');
        $userAddedCard.append($newDiv);
        var testWidth = $userAddedCard.innerWidth() - $userAddedCard[0].scrollWidth;
        if (testWidth) {
            $userAddedCard.find('.sortable-div').width(260 + testWidth);
        }
    });