Question

我有一个布局，基本上包含一个

<div class="line" id="#">
<div class="summary">
Some Text
</div>
<div class="summary">
Some
</div>
<div class="summary">
Some long text
</div>
</div>

我希望使用jQuery根据最高的子元素扩展<div class="line">的高度，我试着摆弄：

$(".line").attr("id", function()
while ($(this).next().length > 0)
{
ac = $(this).children(".summary").outerHeight();
a = $(this).children(".summary").next().outerHeight();

if (a > ac)
{
a = ac;
}
}
$(this).css("height", a + "px");
});

并没有成功，我需要使用哪些选择器，以及我将如何实现这一目标？

Answer 1

如果摘要div通过对它们应用float:left确实是3列布局中的列，那么只需添加一个额外的div并使用clear:both设置样式就可以很好地将容器包装在所有三个中。

所以你的HTML看起来像这样：

<div class="line" id="#">
  <div class="summary">
    Some Text
  </div>
  <div class="summary">
    Some
  </div>
  <div class="summary">
    Some long text
  </div>
  <div style="clear:both"></div>
</div>

根据最高子元素jquery设置父级的高度

1 个答案: