没有指定高度的两列之间的边界

Question

我有两列，我需要在它们之间添加一行。这是1px纯色，所以我很想用css实现这一点。 诀窍是内容是动态加载的，因此有时左列可以有更多文本，有时右列可以有更多文本。当然，如果库仑的大小总是相同的，我会将边界添加到更大的边界。但不幸的是，我没有。

那么有没有办法实现这一点，或者我是否已将它与php结合使用，或者strlen或其他什么东西？

您可以在http://jsfiddle.net/M9TSs/

找到此问题的简单代码

Answer 1

这样做的一种方法是在两者上都有一个边框，并使用负1px边距将右列拉过来，使边框重叠：

http://jsfiddle.net/7GCff/

Answer 2

我已经使用JQuery解决了这个问题......

我使用了这段代码，效果很好。

function equalHeight(group) {
    var tallest = 0;
    group.each(function() {
        var thisHeight = $(this).height();
        if(thisHeight > tallest) {
            tallest = thisHeight;
        }
    });
    group.height(tallest);
}

来源：http://www.cssnewbie.com/equal-height-columns-with-jquery/

使所有列的长度与最长的列相同。