javascript - 在 IE 中使用 jQuery 设置等高时出现问题

Question

我在一个页面上有几个相同类别的元素，我试图让它们都具有相同的高度，即使其中的内容略有不同。我整理了一个小函数，可以在 Firefox 2+ 和 Safari 3+ 中产生结果，但显然甚至没有在 IE 7 中注册。这是我正在使用的:

var tallestcopy = 0;
    $(".calloutL2Copy").each(
        function(index) {
            var tallest = $(this).height();
            if (tallest > tallestcopy) { 
                tallestcopy = tallest 
            }
        });
    $(".calloutL2Copy").css("height",tallestcopy);

“.calloutL2Copy”类应用于包含一些文本和偶尔出现的图像的 div。我还尝试将最后一行替换为:

$(".calloutL2Copy").height(tallestcopy);

同样，这在 Firefox 和 Safari 中有效，但对 IE 中的相同 div 无效。我已经验证 IE 正在获取正确的最高像素值，只是没有将其应用于 sibling 。任何人都可以提供一些建议来让这个东西正常工作吗？

更新:

这是我尝试应用此技术的站点的代码示例。我没有编写代码(我知道有一个严重的 div-itis 案例)，我只是想修复 CSS 错误。

<div id="calloutL2Top">
<div class="calloutL2">
    <a href="#"><img class="calloutL2Img" alt="" src="something.jpg" width="217" height="81"></a>
    <div class="calloutL2Copy">
        <h3>Lorem Ipsum</h3>
        Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
    </div>
</div>

<div class="calloutL2">
    <a href="#"><img class="calloutL2Img" alt="" src="something.jpg" width="217" height="81"></a>
    <div class="calloutL2Copy">
        <h3>Lorem Ipsum</h3>
        Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
    </div>
</div></div>

再次更新:

我得到了更高权力的批准，我将直接发布网站的 IP 来处理有问题的页面，以便您可以直接查看问题所在:

[网址已删除]

我要修复的是主要内容区域底部的一系列框。希望这会有所帮助。

Answer 1

我认为你需要指定一个单位...

$(".calloutL2Copy").css("height", tallestcopy + "px");

编辑:

我认为您是 IE 错误的受害者。要修复它，我相信你需要一个清晰的 div 作为你 float parent 的最后一个 child ......

<div style="clear:both; font-size:1px; height:1px">&nbsp;</div>

编辑 2:

查看您网站的来源。第一行必须是 DOCTYPE，那里有一个奇怪的字符。同意吗？!