内联div的自动高度

Question

我有两个div内联表（内容和侧边栏），无论内容如何，​​我都希望拥有相同的高度。我尝试了不同的属性，但没有任何作用。这是网站：http://jj09.studentlive.pl/

Answer 1

我找到了简单的解决方案：

#main { display: table; }
#main > div { float: none; display: table-cell; vertical-align: top; }

Answer 2

在它们周围放置一个父div，将内容和侧边栏div设置为高度：100％。随着一个div的大小增加，它将强制父div增长，而另一个div将总是增加到100％的高度。

注意：请参阅注释以获得澄清。父div还应包含overflow：auto。

Answer 3

使用jQuery，你可以做到这一点。

$(function(){
    var c = $("#content").outerHeight();
    var s = $("#side").outerHeight();
    var h = (s > c)? s : c;
    $("#content, #side").height(h);
});

您可以在HTML中执行其他许多操作。你可以给#main background: #F0F0F0;这样的背景颜色{{1}}，以给出它高度相同的错觉。