Question

我有一个Bootstrap词缀div作为从长列表中选择的项目的一种剪贴板。它以令人愉悦的方式在我页面的左侧上下浮动，但是当用户从列表底部选择了足够多的项目时，div会在页脚下增长。监视词缀div大小的正确方法是什么，并使其不比容器长？

https://jsfiddle.net/bacase96/有一个jfiddle来说明我的意思。增加剪贴板div的Javascript的相关位是

$( ".foo-to-clipboard.selectable" ).click(function() {
    var foo = $( this ).closest('tr').find('.foo-name');
    var foo_id = this.id.substr(4);
    if (selected_foos.indexOf(foo_id) != -1) {
        return;
    }

    $( this ).removeClass('selectable');
    $("#selected-foos").find("tbody").append(
        '<tr><td><i class="fa fa-times red" id="clipboard-' + foo_id +
        '"></i></td><td>' + foo.html() + "</td></tr>");

    selected_foos.push(foo_id);

});

Answer 1

将此添加到您的css：

CGPoint

https://jsfiddle.net/bacase96/5/

阻止动态Boostrap附加div在页脚上增长

1 个答案: