Html 以不同宽度水平对齐3个div，以覆盖整个容器

我正在尝试创建三个屏幕宽度百分比不同的内容容器，但它们无法覆盖整个屏幕宽度

CSS

div
{
背景色：rgb（172168168）；边距：2px；
文本对齐：居中；
}
.content左、.content右、.content中
{
浮动：左；文本对齐：居中；
}
.内容中期{
宽度：50%；
}
.content left、.content right{宽度：23%；}
.集装箱{
宽度：100%；
}
p{
填充：10px；
}
.footer{clear:both；}

标题

导航菜单

内容

主要内容

内容

页脚

之所以发生这种情况，是因为您的右、左div宽度为23%，中间宽度为50%。如果你加上这个值，你会发现你缺少一个4%来达到100%，这就是它们不能覆盖整个宽度的原因。你必须在你的一个div中添加这4%

---

谢谢。

23%+50%+23%加起来不等于100%。。。。