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

Question

使用 bootstrap3 进行新设计并尝试拉伸(stretch)页面，这样即使没有足够的内容来填充页面，页 footer 分也会留在底部。

我之所以使用绝对位置，是因为在内容中添加了来自计费软件的链接，我不想删除该链接，而是将其定位在页 footer 分的底部，在中间底部，因此由于我无法控制它出现的位置(知道出现在哪里，只是无法控制)，在特定元素上使用绝对位置可以帮助我。

现在，这不是问题，只是说明为什么我需要使用绝对位置以及为什么我将 div 制作成这样:

wrapper
   >>wrapper_content
   >>wrapper_footer

fiddle :http://jsfiddle.net/raicabogdan/jsk1b7ua/4/

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

内容位于页 footer 分下方。

我在这里做错了什么？留下了 html 页面的 fiddle 以及我认为上面需要的一些 css。

希望有人能帮我摆脱这一切。

干杯。

Answer 1

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

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