如何根据内容在页面底部获取页脚？

Question

根据我页面中的内容，我怎样才能获得底部的页脚？

在 gridview 中，如果我选择大于 20 的页面大小，页脚会在 gridview 框上重叠。

我尝试了 CSS 属性 - position:absolute,bottom:0;以及溢出：自动...

它有助于页脚留在 gridview 后面的同一位置。有人可以帮助我吗 谢谢。

Answer 1

查看fiddle:

像小提琴一样格式化您的页面布局。将容器 div 的 min-height 设置为

total height - (height of header + height of footer)

(在fiddle的页眉和页脚中分别占据15%和10%的高度。所以给出了内容

min-height:75%; // 100%- (15%+10%)

这样即使您的实际内容较少，它也总是会占用那么多空间。

如果您的内容更多，容器 div 将自动展开并拉下您的页脚。

如果您申请position:absolute，您的元素将被移出正常流程，然后页脚在展开时不会被内容拉下。