css - 简单的 CSS 边框，动态改变高度到父元素的高度

Question

我有一个并排放置div两个浮动的 s 。div我希望这两个浮动divs 有一个1px solid #e7e7e7;边框将它们分开。我尝试穿上border-right: ...第一个 child div，但是当第二个div更高时，边框不会延伸到整个高度（它保持在其局部高度）。两个divs 中的内容都是动态的，因此它需要调整到 parentdiv的高度或者在它自己和它的兄弟之间取最大高度。

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

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);
    }
});