萌新求问 导航栏置顶之后链接页面内容会挡住内容?

我,一个刚自学半个月前端萌新求大佬解答以下几个问题:
图片说明

Q1:像这样子的导航栏应该怎么修改才能正确的导航位置呢?

还有个Q2问题就是:
图片说明
像这样我的导航栏会随着网页缩放内容会混乱,应该怎么修改呢?
求各位大佬帮忙,谢谢。

这样把,你去个你认为还不错的网站你按住Ctrl然后滚动鼠标缩放到50%,你看它会不会变形!要不我帮你试试淘宝吧!你看淘宝都是这样,你纠结什么

图片说明
Q2会变成这样

第一个问题,没有明白你在说什么,
第二个问题,
看你的布局应该是导航条沾了全屏,(width:100%)
页面其他部分没有沾满,所以宽度用百分比,(样式如:width:80%;margin:0 auto;)