Question

我讨厌css和格式化，每次我认为我已经破解它，另一个问题出现了，我最终尝试了直到它工作 - 就像一个菜鸟。哦，好吧。

我有三个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绝对是摇滚乐，必须在这个和其他问题上为我节省太多时间。

Answer 1

这个问题的两个解决方案适用于IE6：

Faux Columns - 仅在必须拉伸的列背景（在本例中为右）只有一种背景颜色或重复图案（因为它使用图像或边框伪造列）时才有效

Equal Height Columns - 我尚未测试的CSS技巧。

Answer 2

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

Answer 3

用IE6可以理解的CSS很难实现。但是，您可以使用the faux columns technique伪造它。基本上，您在容器列上设置背景图像，使其看起来像两个子（高度设置器和填充器）高度相等。不理想，但它通常可以胜任。

使用css的div高度（显然是ie6）

3 个答案: