Html 如何调整一个DIV相对于其他DIV的高度？

我正在为我的学校项目建立一个网站。它有各种嵌套的div。但是，div的大小因内容而异。我想制作所有可变高度的div，这样所有div都可以得到最长div的高度。你可以在这里查看我的页面

---

请帮助我。

您可以设置嵌套DIV的绝对位置，指定其顶点和底点相对于其父DIV的偏移量。请注意，父DIV本身必须具有位置：绝对；或位置：相对于此项工作。后者（位置：相对）非常简单和安全

正常情况下是这样做的。但是背景图像有点复杂，所以我怀疑它看起来不太好看。

使用jQuery（不仅仅是CSS）并假设所有div都有一个公共类来识别您所关心的对象

$(function() {
    var maxHeight = 0;
    $('div.commonClass').each( function() {
         var height = $(this).height();
         if (height > maxHeight) maxHeight = height;
    });
    $('div.commonClass').height( maxHeight );
});

或者，如果你想简单地使用一个插件，就有这个插件

---

为什么不将内容放在容器div的左侧和右侧，背景图像是左侧和右侧列背景的重复。那么，只需对左侧内容和右侧内容使用透明即可。

您能给我举个例子吗。因为当我尝试使用它时，它会改变我页面的布局。我认为这只有在启用Javascript时才会起作用。如果JS被破坏会发生什么？请检查我的答案：

$(function() {
    $('div.commonClass').equalHeight();
});