Html 导航栏一直延伸到我的网页右侧

我已经浏览了相关的问题/答案，还没有弄清楚为什么会发生这种情况，但我的“导航栏”一直延伸到我的网页右侧。我试图从这篇文章中删除不相关的代码。如有任何建议，将不胜感激

HTML

html，主体，h1，h2{
填充：0；
边界：0；
保证金：0；
线高：1；
}
身体{
填充：20px 20px 20px 20px；
}
navbar先生{
背景色：#ffcc66；
位置：固定；
排名：0；
宽度：100%；
文本对齐：居中；
溢出：隐藏；
边界半径：25px；
边框：4倍纯黑；
}
纳瓦尔先生{
文字装饰：无；
颜色：黑色；
填充：10px；
}
.导航栏a:悬停{
颜色：白色；
}

飞鱼绘画公司

只需添加

左侧：0和
框大小：边框框

长方体大小属性用于告诉浏览器大小属性（宽度和高度）应包括哪些内容


html，主体，h1，h2{
填充：0；
边界：0；
保证金：0；
线高：1；
}
身体{
填充：20px；
}
navbar先生{
背景色：#ffcc66；
位置：固定；
排名：0；
宽度：100%；
文本对齐：居中；
溢出：隐藏；
边界半径：25px；
边框：4倍纯黑；
左：0；
框大小：边框框；
}
纳瓦尔先生{
文字装饰：无；
颜色：黑色；
填充：10px；
}
.导航栏a:悬停{
颜色：白色；
}

飞鱼绘画公司
只需添加
左侧：0和
框大小：边框框

长方体大小属性用于告诉浏览器大小属性（宽度和高度）应包括哪些内容


html，主体，h1，h2{
填充：0；
边界：0；
保证金：0；
线高：1；
}
身体{
填充：20px；
}
navbar先生{
背景色：#ffcc66；
位置：固定；
排名：0；
宽度：100%；
文本对齐：居中；
溢出：隐藏；
边界半径：25px；
边框：4倍纯黑；
左：0；
框大小：边框框；
}
纳瓦尔先生{
文字装饰：无；
颜色：黑色；
填充：10px；
}
.导航栏a:悬停{
颜色：白色；
}

飞鱼绘画公司
你能帮我解决另外一个问题吗：如果我想缩小左右两侧的盒子，比如说5个像素怎么办？刚刚添加了
左：5px，右：5px，宽度：calc（100%-10px）
你能帮我解决另外一个问题吗：如果我想缩小左右两侧的盒子，比如说5个像素怎么办？刚刚添加了
左：5px，右：5px，宽度：计算（100%-10px）