使用位置绝对页脚时响应内容换行

时间:2015-01-31 00:45:11

标签: html css css3 twitter-bootstrap-3

使用bootstrap3处理新设计并尝试拉伸页面,以便即使内容不足以填充页面,页脚部分也会保持在底部。

我之所以使用绝对位置,是因为在内容中添加了来自结算软件的链接,我不想删除链接但是将它放置在页脚部分的底部,在中间底部,因为我无法控制它出现的位置(确实知道在哪里出现,只是无法控制),使用绝对位置具体元素在这里帮助我。

现在,这不是问题,只是说为什么我需要使用绝对位置以及为什么我这样做div:

wrapper
   >>wrapper_content
   >>wrapper_footer

小提琴:http://jsfiddle.net/raicabogdan/jsk1b7ua/4/

页脚部分已正确设置到底部,但由于某种原因,wrapper_content在加载或窗口大小调整时不会自动达到100%高度。此外,如果您调整大小到移动视图,内容将减少几个表行。

内容属于页脚部分。

我在这里做错了什么?留下了一个html页面的小提琴以及我觉得上面需要的一些CSS。

希望有人可以帮助我摆脱困境。

干杯。

1 个答案:

答案 0 :(得分:0)

试试此链接。我已经使用这种方法让页脚停留在窗口的底部。

http://ryanfait.com/sticky-footer/