我怎样才能使一个div的边框填充父div的高度？

Question

div的边框只显示内容高度的边框。我怎么才能让边境线填满一切？

截图：

​

。

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

我已经尝试过设置高度:但是，由于我在任何事情上都使用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';
}

您可以在基于您的小提琴中看到它的作用。