Question

我正在为我的学校项目建立一个网站。它有各种嵌套的DIV。然而，DIV的大小根据内容而不同。我想制作所有可变高度的DIV，以便所有DIV都达到最长的DIV。您可以在此处查看我的页面http://www.risingfaizabad.com/demo/

请帮帮我。

Answer 1

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

Answer 2

使用jQuery（不仅仅是CSS）并假设所有DIV都有一个共同的类来识别你关心的那些。

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

或者，如果您只想使用插件，则会有equalHeight插件。

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

Answer 3

Normaly这是通过faux columns完成的。但是背景图像有点复杂，所以我怀疑它看起来不太好。

Answer 4

为什么不将内容放在容器div中，并将内容放在容器div中，背景图像是左右列背景的重复y。然后只使用透明的内容左和内容右。

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

4 个答案: