css - 内容隐藏在固定位置导航栏后面的问题

Question

我最近一直在学习 HTML5/CSS，也学习了一点 Flexbox。 考虑到这一点，我一直在尝试构建一个响应式页面，不要过于复杂，在页眉和页脚中固定导航。

[Codepen](https://codepen.io/addycoder/pen/zJeewm)

当视口(viewport) > 700px 时，我只是强制向下 73px，这样它就不会隐藏在导航后面。但是 < 700px，标题显然会扩展，无论我尝试什么，我似乎都无法找到一个干净的解决方案来解决标题包装和变大时未隐藏的内容

考虑到这一点(如笔所示)，我将位置更改为 > 700px 的相对位置并将边距归零，这样可以看到所有内容，但会丢失固定导航。

关于我哪里出错的任何想法。它一定会很简单。

顺便说一句，第一次使用，感谢您的帮助

Answer 1

好的，我暂时解决了。上面的笔更新了，它似乎在做我想做的事。我有一个媒体查询允许设备 < 700px 并且我只是使用开发工具来计算高度，假设不会真正改变。