始终位于底部的响应式页脚

Question

我不知道为什么我对这个概念这么麻烦！ 基本上，我正在创建一个页面网站。 我的内容基于向这些部分添加活动类别来显示/隐藏。 主要内容部分是绝对的，在相对范围内； 然后我有我的页脚。 页脚应该整齐地放在底部。 如果用户拥有他们的电话人像视图，但是当他们切换到横向视图时会中断。 我希望它是响应，但我认为我可能需要使用媒体查询。 有什么想法吗？

https://jsfiddle.net/r_heneault/jt7x12jk/5/

#content {position:relative;height:70%;}
/*FOOTER*/
footer {position:relative;bottom:0px;padding:5vmin;height:25vmin;background-color:#f2f2f2;left:0px;right:0px;}

Answer 1

由于它是一个移动应用程序； 决定使页脚/页眉具有粘性，并通过填充将内容设置为适合顶部和底部。 我用overflow：scroll设置了内容部分。 看起来不错。