需要CSS侧边栏高度以扩展内容

Question

我有两列布局,右侧有灰色侧边栏.当左列的高度增加时(由于内容被动态扩展),我需要侧边栏的高度扩展.我可以让侧边栏适合静态页面,但我无法通过页面的其余部分来增加它的大小.做了一些谷歌搜索,但找不到适合我的解决方案.

有谁知道如何做到这一点？

Answer 1

这可能略有偏差但是如果你在你的网站上使用jQuery,你可以执行快速计算并调整所有共享类似类到最大高度的DIV:

$('.elements').height(Math.max($('#div1').height(), $('#div2').height()));

Answer 2

将DIVS用于此类布局时,这是一个常见问题.

如果你谷歌'Faux专栏',你应该得到一些答案.

例如.http://www.alistapart.com/articles/fauxcolumns/

Answer 3

我已经被这个问题困扰了一段时间,我写了一篇关于这个问题的文章:完成了虚假的专栏.以下是我的观点:

针对此问题的基于JavaScript的解决方案并不比任何其他解决方案更差.事实上,如果您使用的是JavaScript,那么您可以节省几个小时的努力工作.人们会通过说"如果用户关闭JavaScript会怎么样？"来警告你.相信我,如果用户已关闭JavaScript,无论如何大多数网络都会被打破.你的侧边栏对他来说无关紧要.

正如cballou所提到的,最简单的方法是使用JQuery代码:

$(".sidebar").height(Math.max($(".content").height(),$(".sidebar").height()));