Html 调整大小时页脚消失

我试图做出一个响应性强的设计，但当我调整尺寸时，它会变得一团糟。。我的css代码一直到第15行，另一行是菜单css

所以我的代码只是：

html,body {
    margin: 0;
    height:100%;
}

main {
    margin:0;
    height: 85%;
}

body > footer {
    overflow: hidden;
    text-align:center;
    background-color:#dedede
}

以下是JSFIDLE:。我稍微整理了一下你的页脚代码（不过你可以把它留在那里）。我将页脚设置为一个类，并将其包装在

中。然后，我在页脚顶部留了一个空白。这使得页脚在调整大小时不会“混乱”。继续，查看全尺寸小提琴并调整浏览器大小，以查看结果：

---

编辑：我有一个你想要的解决方案。这把小提琴在屏幕底部，在浏览器的滚动条下面，一直显示页脚。我在这个CSS中使用了宽度、高度和清晰度

我的标题定义了“凌乱”，我的意思是页脚消失了，它没有大小。我不希望导航栏出现，我希望它可以调整到屏幕大小。你是说当你（用户）调整浏览器窗口的大小时，页脚消失了？您可能需要一个？我所注意到的是，如果窗口很小，你可以滚动到页脚下面很远的地方；这将解决这个问题。但页脚不在底部，而是在中间。这是一个更新的解决方案。设置

页边距：自动。这允许根据内容量自动向下推页脚。尽管如此，它仍然反应灵敏。看一看：这并不完全是我所需要的，但我认为这比我所做的更好。我很高兴能帮助你取得一些进展。如果我理解，你希望页脚一直在底部。让我看看能不能做这样的东西。我会让你知道结果的。