【发布时间】：2018-09-21 06:33:13
【问题描述】：
我最近一直在学习 HTML5/CSS，还有一点点 Flexbox。 考虑到这一点，我一直在尝试构建一个响应式页面，并没有过于复杂，它在麻烦的页眉和页脚中修复了导航。
[Codepen](https://codepen.io/addycoder/pen/zJeewm)
当视口 > 700px 时，我只是强制向下 73px，这样它就不会隐藏在导航后面。但是
考虑到这一点（如钢笔所示），我将位置更改为相对 > 700 像素并将边距归零，这样可以看到所有内容，但会丢失固定导航。
关于我哪里出错的任何想法。一定很简单。
第一次使用，谢谢帮助
【问题讨论】：
-
对于屏幕宽度 > 700 px，设置整个页面的 margin-top 等于固定 navBar 的高度
-
是的，我可以这样做，而且它可以工作，但是导航栏的高度（在移动设备上时会改变高度，那么我该如何考虑呢？
-
移动版和桌面版导航栏是固定高度还是动态展开？