当主要内容div充满内容时，网格区域nav通过向下移动页面（到主要div的一半）来响应。我希望导航网格区域保持在徽标下方。而不是在主要div的整个高度上共享。我想做的是将徽标div的高度（限制为徽标的高度..或一定数量的像素）..由于页面导航栏将其自身定位在主div的一半下方，因此页面看起来很傻恰好位于徽标下方。
我已经学习了CSS网格的基础知识，但是我只需要朝正确的方向做一点努力，以帮助我解决这个问题，而这个问题我已经研究了两个小时。当然，另一种解决方案是仅将徽标包含在导航div中，但是最好将它们保留为单独的组件，以便在需要时可以随意移动。
grid-template-areas:
"logo main main main main"
"nav main main main main"
"footer footer footer footer footer"
我想要的是垂直导航上升到徽标的正下方，但此刻它位于主要内容div的一半。