相同高度div与页脚始终位于最高div的底部

Question

我想知道这是否可行，如果这是最好的解决方法： example image（因为我不允许发布照片^^）

因此，每个列不仅必须具有相同的高度，而且每列还有自己的单独页脚。

我看到this SO post - 我怎么能将这种技术重新应用到div的底部而不是窗口的底部？

编辑：每列的内容都会不断变化并且高度可变。我想我可以先找出相等高度的列，然后在这些列中绝对定位一个页脚div。那么它的父div必须是position: relative吗？

Answer 1

看起来每个具有相同属性的嵌套div。所以每个外部div的大小都相同，内部div也是如此。

.outer
{
height:500px;
float:left;
margin-right:20px;
}

.inner
{
height:30px;
width:100%;
margin-top:-470px;
}

<div class="outer">
<div class="inner">

</div>
</div>

没试过这个;脱离我的头顶！