简单的CSS边框，动态地将高度更改为父元素的高度

Question

我有一个div，它并排容纳两个浮动的div。我希望这两个浮动的div有一个1px solid #e7e7e7;边界来分隔它们。我曾尝试将border-right: ...放在第一个子div上，但当第二个子div更高时，边界不会延伸到整个高度（它保持在局部高度）。两个div中的内容都是动态的，因此它需要调整到父div的高度，或者采用其自身与其同级之间的最大高度。

有什么简单的方法可以做到这一点吗？

Answer 1

如果你不想使用JavaScript，我所知道的唯一其他方法就是使用在其中一个单元格上有边框的表。

Answer 2

您尝试过使用jQuery吗？你可以使用这样一个简单的查询来做你想做的事情：

$(document).ready(function() {
    var leftDivHeight = $(".leftDiv").height();
    var rightDivHeight = $(".rightDiv").height();
    if(leftDivHeight < rightDivHeight){
        $(".leftDiv").height(rightDivHeight);
    }
    else {
        $(".rightDiv").height(leftDivHeight);
    }
});