如何让div的边框填满父div的高度？

Question

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

屏幕截图：

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

我尝试设置高度：100％但是因为我在所有事情上使用float:left它似乎没有任何效果。

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

Answer 1

编辑：为什么不使用css框架。在youtube上也有很好的视频教程等等。

如果您只是想要css，我推荐一个像960或其他的css框架..;）

问候，戴夫

Answer 2

所以我昨晚误解了你的问题。 你也可以帮助你理解你的具体情况。

问题是，当你将组件的高度设置为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看到它的实际效果。