jquery - 使用 JQuery 等列高度的列表项绝对底部

Question

我有两件事。

1. 让我的最后一个列表项在我的无序列表的绝对底部，但它与我的无序列表的底部重叠。
2. 我想使用带有“JQuery Equal Column Height”的绝对底部，这样我的两列就可以彼此相等，因为我计划使用斜 Angular 边框。

我正在寻找有人为我解决这个问题，因为我现在被困住了。

这是我的 jsfiddle，最后一个列表项绝对位于底部: http://jsfiddle.net/evanmoore/QPQ8Z/

这是 jquery 等于列高与最后一个列表项的绝对底部 http://jsfiddle.net/evanmoore/mCang/2/

var maxHeight = 0;
function setHeight(column) {
    //Get all the element with class = col
    column = $(column);
    //Loop all the column
    column.each(function() {       
        //Store the highest value
        if($(this).height() > maxHeight) {
            maxHeight = $(this).height()+2;
        }
    });
    //Set the height
    column.height(maxHeight);
}

$(document).ready(function() {
    setHeight('.wrapper');
});

Answer 1

最初将 #disclosure li.notes 的 position 设置为 relative。这将使较高的列被压低，因此您可以获取 maxHeight。然后，在获得该数字后，将其设置回绝对值，这样它就可以是 bottom: 0。

http://jsfiddle.net/mCang/3/