如何使我的HTML背景颜色达到页面的两侧？

我正在尝试创建一个黑色背景的导航栏（由两个水平列表组成）。问题是，即使我将ul元素的宽度和高度设置为100%，将边距和填充设置为0px，背景色也不会到达页面的外边框

我也尝试过将正文和HTML的边距和填充设置为0px，但也失败了。通过将HTML背景颜色设置为黑色，我可以得到一个接近我想要的结果，但这也给了网页一个黑色边框。如果你能帮助我，谢谢你。我的代码如下

正文{
字体系列：helvetica；
背景颜色：灰色；
}
#导航{
显示器：flex；
}
img{
宽度：100px；
高度：100px；
}
#左{
颜色：黑色；
字体大小：24px；
}
#左李{
填充：10px；
填充顶部：14px；
垫底：6px；
浮动：左；
显示：块；
}
#左列表{
宽度：70%；
清楚:对,；
}
#对{
颜色：黑色；
字体大小：24px；
}
#对,李{
填充：22px；
填充底部：26px；
填充顶部：16px；
浮动：对；
显示：块；
}
#右图列表{
宽度：30%；
浮动：对；
清除：左；
}
保险商实验室{
列表样式类型：无；
边际：0px；
填充：0px；
溢出：隐藏；
背景色：黑色；
宽度：100%；
身高：100%；
}
#导航a：链路{
颜色：白色；
显示：块；
边缘顶部：25px；
}
#导航a：悬停{
颜色：热粉色；

我还尝试将正文、HTML的边距和填充设置为0px，但也失败了

似乎不是当我只是补充

* { margin:0; padding:0; }

*{margin:0；padding:0；}
身体{
字体系列：helvetica；
背景颜色：灰色；
}
#导航{
显示器：flex；
}
img{
宽度：100px；
高度：100px；
}
#左{
颜色：黑色；
字体大小：24px；
}
#左李{
填充：10px；
填充顶部：14px；
垫底：6px；
浮动：左；
显示：块；
}
#左列表{
宽度：70%；
清楚:对,；
}
#对{
颜色：黑色；
字体大小：24px；
}
#对,李{
填充：22px；
填充底部：26px；
填充顶部：16px；
浮动：对；
显示：块；
}
#右图列表{
宽度：30%；
浮动：对；
清除：左；
}
保险商实验室{
列表样式类型：无；
边际：0px；
填充：0px；
溢出：隐藏；
背景色：黑色；
宽度：100%；
身高：100%；
}
#导航a：链路{
颜色：白色；
显示：块；
边缘顶部：25px；
}
#导航a：悬停{
颜色：热粉色；

我还尝试将正文、HTML的边距和填充设置为0px，但也失败了

似乎不是当我只是补充

* { margin:0; padding:0; }

*{margin:0；padding:0；}
身体{
字体系列：helvetica；
背景颜色：灰色；
}
#导航{
显示器：flex；
}
img{
宽度：100px；
高度：100px；
}
#左{
颜色：黑色；
字体大小：24px；
}
#左李{
填充：10px；
填充顶部：14px；
垫底：6px；
浮动：左；
显示：块；
}
#左列表{
宽度：70%；
清楚:对,；
}
#对{
颜色：黑色；
字体大小：24px；
}
#对,李{
填充：22px；
填充底部：26px；
填充顶部：16px；
浮动：对；
显示：块；
}
#右图列表{
宽度：30%；
浮动：对；
清除：左；
}
保险商实验室{
列表样式类型：无；
边际：0px；
填充：0px；
溢出：隐藏；
背景色：黑色；
宽度：100%；
身高：100%；
}
#导航a：链路{
颜色：白色；
显示：块；
边缘顶部：25px；
}
#导航a：悬停{
颜色：热粉色；

如果您为车身设置边距：0，您的问题将得到解决

正文{
字体系列：helvetica；
背景颜色：灰色；
保证金：0；
}
#导航{
显示器：flex；
}
img{
宽度：100px；
高度：100px；
}
#左{
颜色：黑色；
字体大小：24px；
}
#左李{
填充：10px；
填充顶部：14px；
垫底：6px；
浮动：左；
显示：块；
}
#左列表{
宽度：70%；
清楚:对,；
}
#对{
颜色：黑色；
字体大小：24px；
}
#对,李{
填充：22px；
填充底部：26px；
填充顶部：16px；
浮动：对；
显示：块；
}
#右图列表{
宽度：30%；
浮动：对；
清除：左；
}
保险商实验室{
列表样式类型：无；
边际：0px；
填充：0px；
溢出：隐藏；
背景色：黑色；
宽度：100%；
身高：100%；
}
#导航a：链路{
颜色：白色；
显示：块；
边缘顶部：25px；
}
#导航a：悬停{
颜色：粉红；
}

如果您为车身设置边距：0，您的问题将得到解决

正文{
字体系列：helvetica；
背景颜色：灰色；
保证金：0；
}
#导航{
显示器：flex；
}
img{
宽度：100px；
高度：100px；
}
#左{
颜色：黑色；
字体大小：24px；
}
#左李{
填充：10px；
填充顶部：14px；
垫底：6px；
浮动：左；
显示：块；
}
#左列表{
宽度：70%；
清楚:对,；
}
#对{
颜色：黑色；
字体大小：24px；
}
#对,李{
填充：22px；
填充底部：26px；
填充顶部：16px；
浮动：对；
显示：块；
}
#右图列表{
宽度：30%；
浮动：对；
清除：左；
}
保险商实验室{
列表样式类型：无；
边际：0px；
填充：0px；
溢出：隐藏；
背景色：黑色；
宽度：100%；
身高：100%；
}
#导航a：链路{
颜色：白色；
显示：块；
边缘顶部：25px；
}
#导航a：悬停{
颜色：粉红；
}