html - 底部有边框和按钮的等高列

Question

几天来我一直在努力解决这个问题，但就是做不到。

我的场景是这样的:我需要三列等高。它们之间需要有边界。左栏的内容比其他两栏多一点，另外两栏的底部需要有按钮(这些按钮的位置应使其底部边缘位于左栏内容结束的位置)。

这是一张显示我的意思的图片:http://img217.imageshack.us/img217/6400/49593032.png

我已经尝试了 huge-padding-bottom-and-equally-huge-but-negative-margin-bottom-hack，在我尝试向下移动按钮之前效果很好。起初我尝试在按钮上使用绝对定位，在容器上使用 position:relative 但由于容器需要 overflow: hidden 才能工作按钮将被隐藏并放置在容器底部(由于以下原因大约向下 32767 像素)巨大的填充)。

我还尝试在添加第二行时使用上面的 hack，我将按钮放在其中。除了它的语义没有多大意义之外，这种方法使得左列的内容不一直往下走。由于 hack 需要溢出:使用负边距来插入第二行的隐藏尝试也没有成功。

所以我被困在这里了。人造列对我没有帮助，javascript 不是一个选项。你会怎么做？

Answer 1

使用 A List Apart 的 Holy Grail并绝对定位按钮。