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

Question

我有div并排持有两个浮动的div。我希望这两个浮动div的{​​{1}}边框分隔开来。我尝试将1px solid #e7e7e7;放在第一个孩子border-right: ...上，但是当第二个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);
    }
});