滚动覆盖HTML中的div元素

Question

当我按下按钮（ +添加卡）时，会创建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;
}

Answer 1

您设置的是固定高度，请改用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);
        }
    });

Answer 2

您只需更改css显示属性

即可轻松完成此操作

#inboxList {
    /* other styles */
    overflow: visible;
}

Answer 3

将“#inboxList”的宽度更改为350px