css - 如何使 div 的边框填充父 div 的高度？

Question

我的 div 边框仅显示其中内容高度的边框。如何让边框填满所有内容？

截图:

.

我在左边的 div 中设置了 border-right。对于第一个 div，高度只有一行长，这意味着边框只有一行长。 (另一个不在左侧屏幕截图中的 div 将该 div 扩展到当前大小，这大于创建边框的 div。

我已经尝试设置 height:100% 但是因为我对所有东西都使用了 float:left 它似乎没有任何效果。

编辑:关于这个问题的简短 JSFiddle:http://jsfiddle.net/KvS8w/

Answer 1

所以我昨晚误解了你的问题。 此外，您的 jsfiddle 在了解您的确切情况方面提供了很多帮助。

问题是，当您将组件的高度设置为 100% 时，它会采用其父容器的高度，如果它仍然是一个相对值，它会在 DOM 树中向上移动，直到找到一个固定值。

因此，您可以为主 DIV 指定一个固定高度(这可能会导致一些溢出)，或者添加一些 javascript 样式转换，以根据最高的子项计算其高度。

编辑:

这是一个简单的 Javascript 解决方案

var divh = document.getElements('.reply');
var i = 0;
for ( i = 0 ; i < divh.length; i++ )
{
        divh[i].style.height = divh[i].offsetHeight +'px';
}

您可以在这个 Fiddle 中看到它的实际效果基于你的。