DIV高度

我讨厌繁琐的CSS和格式，每次我想我已经破解了，另一个问题出现了，我刚刚结束了尝试的东西，直到它的作品 - 就像一个小白。好吧。DIV高度

我有三个3的div，一个容器，和两个内的div。其中一个内部div具有可以在高度上变化的文本，另一个仅仅是复选框，但由于样式原因，我希望与其他内部div具有相同的高度。设置高度100％（“填充”）只是填充页面。

<div class="container"> 

    <div class="heightSetter"> contains wrapped text, and varies in height </div> 

    <div> class="filler"> other stuff, that I want as same height as height setter </div> 

</div>

也许一个表会更好，但现在任何关于这个特定问题的帮助/答案/建议感激地收到。

干杯！

编辑刚刚从以前的问题/答案，使用jQuery和文档准备就绪。只是测试过它，工作就像一场梦。

$(".filler").height($(".heightSetter").height());

编辑2种 jQuery的绝对岩石，一定有救了我这么多的开发时间就这个问题和其他问题。对于这个问题

来源

2010-09-15 NimChimpsky

$(".filler").height($(".heightSetter").height());

来源

2010-10-15 13:01:53 NimChimpsky

尽量不要依赖jQuery太多，特别是对于演示文稿，尽管对于像这样的问题，您可能需要类似IE8.js的东西。 – 2010-10-15 13:06:30

两个解决方案，工作在IE6：

Faux Columns - 只有工作，如果有伸展（右，在这种情况下）列的背景只有一个背景颜色或重复图案（因为它使用图像或边框来伪造一列）。

Equal Height Columns - 我还没有测试的CSS技巧。

来源

2010-09-15 08:52:56

这是非常难以实现的CSS IE6能理解。但是，您可以使用the faux columns technique来伪造它。基本上，您在容器列上设置了一个背景图像，使其看起来像两个孩子（高度调节器和填充物）的高度相同。不理想，但它通常会完成这项工作。

来源

2010-09-15 08:53:11

回答

相关问题