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

时间:2014-03-11 07:57:49

标签: html asp.net css

取决于我页面中的内容,如何才能将页脚放在底部?

在gridview中,如果我选择的页面大小超过20,页脚在gridview框上重叠。

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

它帮助页脚保留在gridview后面的同一个地方。有人请帮助我 感谢。

1 个答案:

答案 0 :(得分:1)

选中此fiddle:

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

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

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

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

因此,即使您的实际内容较少,它也会占据那么多空间。

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

如果你申请position:absolute,你的元素将被取出正常流量,那么如果内容扩展,则内容不会被内容拉下来。