html - CSS 等高列 - 呃!再次？

Question

是的，网页设计史上最糟糕的问题。谁在乎，只需选择一个选项。所以我的问题是这样的......

符合标准和(向后)浏览器兼容的最佳答案是什么？

jQuery用于应该为 css 和 html 保留的布局
或者
Negative margin , extra containers ，或其他黑客或膨胀？

已经在这上面花了太多时间，但正在寻找“专业”的方法。

编辑:这是一个 code example使用亚历山大的方法。

Answer 1

通常我使用纯 css/html 解决方案，在 99% 的情况下都有效:

我有一个在“Y”轴上带有背景重复的父 div。一般结构将是这样的:

html:

<div id="container" class="clearfix">

    <div class="LeftPane"></div>
    <div class="CenterPane"></div>
    <div class="RightPane"></div>

</div>

CSS:

#container{
    background:url(imagePath) 0% repeat y;
}

对于背景图片，你可以为边框应用图片，或者其他任何能让用户认为所有 3 个 block 具有相同高度的东西