html - 基础 block 网格边界高度

Question

我正在使用包含三列内容的 Foundation block 网格。第二和第三列有 border-left 但我试图找出一种方法来根据最大的列匹配边框高度。有没有办法只做这个 CSS？

我的CSS:

ul li:nth-child(2), ul li:nth-child(3) { border-left: 1px solid red; }  

http://jsfiddle.net/Sbt75/377/

Answer 1

global.equalHeight($('.candidate-list').find('.succession-candidate-container'),10);
    $(window).resize(function(){
        $('.candidate-list').find('.succession-candidate-container').attr('style','');
        global.equalHeight($('.candidate-list').find('.succession-candidate-container'),10);
    });

var equalHeight = function(group, padding) {
var tallest = 0;
if(padding == undefined){
    var padding = 0
}
group.each(function() {
    var thisHeight = $(this).outerHeight(true);
    if(thisHeight > tallest) {
        tallest = thisHeight;
    }
});
group.height(tallest+padding);
}

最终选择了 JS 路线。这对我们有用。