Css 等高div,页脚始终位于最高div的底部

Css 等高div,页脚始终位于最高div的底部,css,Css,我想知道这是否可能,这是否是最好的方法: 因为我现在还不能发照片^^ 因此,不仅每一列的高度必须相等,而且每一列都有自己的页脚 我看到了-我如何修改这个技术以应用于div的底部而不是窗口的底部 编辑:每列的内容都会不断变化,高度也会变化。我想我可以先算出等高列,然后在这些列中绝对定位一个页脚div。它的父div必须是position:relative吗?看起来像是每个div中具有相同属性的嵌套div。因此,每个外部div的大小相同,内部div的大小也相同 .outer { height:500p

我想知道这是否可能,这是否是最好的方法: 因为我现在还不能发照片^^

因此,不仅每一列的高度必须相等,而且每一列都有自己的页脚

我看到了-我如何修改这个技术以应用于div的底部而不是窗口的底部


编辑:每列的内容都会不断变化,高度也会变化。我想我可以先算出等高列,然后在这些列中绝对定位一个页脚div。它的父div必须是position:relative吗?

看起来像是每个div中具有相同属性的嵌套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>

没有测试这个;从我头上下来

哦,对不起,我忘了提到每一列都会根据内容的不同而有不同的高度。我应该解释一下图像,但是蓝色部分代表文本,红色的背景代表空白,使高度相等,而棕色部分代表页脚。好的,所以你要寻找粘性页脚。试试这些网站:P.S.-到目前为止,我还没有见过防弹的粘页脚技术。是的,它是粘页脚,但它是用于三个等高的分区的底部,而不是页面本身。同样的技术适用吗?你可以试试。通常只适用于页脚,但我不明白为什么不能应用于3个div。