Html 标题和表格之间的宽度差

我将页眉和表格的宽度设置为相同的，都是600px，但在网页中，页眉看起来比表格宽。 我有以下代码：

正文{
背景图片：url（'pic_a1q5.jpg'）；
背景重复：重复；
}
标题{
边框：15px虚线#FF00FF；
填充：10px；
利润率：20px；
颜色：#FFD700；
字体系列：“Lucida控制台”；
宽度：600px；
}
桌子{
填充：10px；
利润率：20px；
边框样式：虚线点实线双色；
边框宽度：15px；
边框颜色：#7FFF00；
文本对齐：左对齐；
宽度：600px；
表布局：固定；
}
th{
填充：10px；
}
ol{
填充：10px 30px 10px 30px；
}
.标题1{
背景色：#FF69B4；
文本对齐：居中；
}
.标题2{
背景色：#FF8C00；
文本对齐：居中；
}
.c21{背景色：#7FFFD4；
边框：5px实心#00008B；
}
.c22{背景色：#FFD700；
边框：5px实心#B22222；
}
.c31{背景色：#DC143C；
边框：5px实心#9400D3；
}
.c32{背景色：#006400；
边框：5px实心#FFFAF0；
}
ol.ol21{
列表样式类型：上罗马；
}
ol.ol22{
列表样式类型：上alpha；
}   
ol.ol31{
列表样式类型：上罗马；
计数器增量：开始2；
}
ol.ol32{
列表样式类型：下希腊文；
}
ul.ul221{
列表样式图像：url（'flag-button.png'）；
}
ul.ul222{
颜色：#B22222；
}
ul.ul321{
列表样式类型：方形；
颜色：#FFFAF0；
}
ul.ul322{
列表样式图像：url（'animated.gif'）；
}

A1Q5
随机人的新冠病毒19统计数据
大陆
新冠病毒数据
北美
只是为了有序列表
美国

个案总数为7340509宗
总死亡人数为209609人
总回收量为4591057

加拿大

个案总数为154575宗
死亡总数为9270人
总回收量为131429

亚洲
只是为了有序列表
日本

个案总数为81690宗
总死亡人数为1545人
总回收量为74607

中国

总病例数为85372例
死亡总数为4634人
总回收量为80553

这是由于框大小的原因，因此您告诉浏览器在宽度中包含边框。

尝试增加表的

colspan

。

谢谢您的帮助！尝试不调整框大小，结果相同您可以发布整个css吗？可能是身体上的某些样式导致了这种情况。设置最大宽度：600px；对于可以让它拥有更多控制的标题，在TD上设置宽度而不是表格。我找不到确切的原因，但是您的表格丢失了50像素的宽度，如果将宽度设置为650，则宽度与标题相同。可能尝试将

表格布局：修复
添加到
。表格
共享html代码以发布所有我的代码@TemaniAfif。感谢您的帮助，但它不起作用@RichardHunternote表格具有框大小：默认情况下由浏览器添加的边框框