1

我的 div 边框仅显示其中内容高度的边框。我怎样才能让边框填满一切？

截屏：

div .

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

我试过设置 height:100% 但是因为我float:left在所有东西上都使用它似乎没有任何效果。

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

4

2 回答 2

0

所以昨晚我误解了你的问题。此外，您的 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 在此Fiddle中看到它的实际效果。

于 2012-11-04T01:49:05.783 回答
0

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

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

问候，戴夫

于 2012-11-04T01:36:25.333 回答