使用JQuery等于列高度列出项目绝对底部

时间:2012-07-18 11:47:02

标签: jquery css height

我有两件事。

  1. 我的最后一个列表项是我的无序列表的绝对底部,但它重叠了我的无序列表的底部。
  2. 我想使用'JQuery Equal Column Height'的绝对底部,所以我的两列彼此相等,因为我计划有斜面边框。
  3. 我正在寻找有人为我解决这个问题,因为我现在已经陷入困境。

    这是我的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');
    });
    

1 个答案:

答案 0 :(得分:2)

最初将position的{​​{1}}设置为#disclosure li.notes。这将使较高的列被推下,因此您可以获取maxHeight。然后,在得到该数字后,将其设置回绝对值,因此它可以是relative

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