【问题标题】:List Item Absolute Bottom with JQuery Equal Column HeightJQuery 等列高度的列表项绝对底部
【发布时间】:2012-07-17 10:39:40
【问题描述】:

我有两件事。

  1. 我的最后一个列表项绝对位于无序列表的底部,但它与无序列表的底部重叠。
  2. 我想将绝对底部与“JQuery Equal Column Height”一起使用,因此我的两列彼此相等,因为我计划使用斜边边框。

我正在找人帮我解决这个问题,因为我现在被困住了。

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

【问题讨论】:

    标签: jquery css height


    【解决方案1】:

    最初将#disclosure li.notes 中的position 设置为relative。这将使较高的列被推下,因此您可以抓住 maxHeight。然后,在你得到那个数字后,把它设置回绝对值,所以它可以是bottom: 0

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

    【讨论】:

    • 非常感谢!这正是我所需要的。再次,谢谢。
    猜你喜欢
    • 2014-02-23
    • 1970-01-01
    • 2016-09-05
    • 1970-01-01
    • 2021-05-08
    • 1970-01-01
    • 2020-09-10
    • 1970-01-01
    • 2014-10-27
    相关资源
    最近更新 更多