每次使用php添加更多表时，顶部都会出现不需要的空间

有人能帮我解释一下为什么每次我加一张表的时候网站上都会出现空间。这是第一张桌子上的样子

下面是顶部没有空格的第一个代码：

h1{文本对齐：左；
边框底部样式：实心；
边框底色：#1C2833；}
身体{
字体系列：“美国打字机”，衬线；
背景色：#E6D1D9；
}
/*侧面导航菜单*/
.侧导航{
身高：100%；
宽度：0；
位置：固定；
z指数：1；
排名：0；
左：0；
背景色：#49000E；
溢出x：隐藏；
过渡：0.5s；
填充顶部：50px；
}
/*菜单链接*/
.侧导航a{
填充：8px 8px 8px 32px；
文字装饰：无；
字体大小：15px；
颜色：#818181；
显示：块；
过渡：0.3s；
}
.侧导航a:悬停{
颜色：#F8EDF1；
}
.sidenav.closebtn{
位置：绝对位置；
顶部：10px；
右：5px；
字体大小：30px；
左边距：50像素；
}
}
@媒体屏幕和屏幕（最大高度：450像素）{
.sidenav{填充顶部：15px；}
.sidenav a{字体大小：18px；}
}















您的表中有太多的br标记-在表标记（tr/td/th/table）之间不允许使用其他标记-删除它们问题就解决了。
在调试的第一阶段禁用CSS，但也要查看源代码或使用控制台检查html-您看到了什么？好-我看到了问题。HTML表格中有

标记，即：

它们在该上下文中是非法的-它们必须位于表格单元格中而不是表格行中，否则将关闭，因为它们不可复制或是由键入错误引起的。虽然这里可能会有类似的问题，但这一问题的解决方式不太可能对未来的读者有所帮助。无论您在表格单元格或行之外有什么非法html，都将添加到表格前面的DOM中。在这种情况下，每个表格都会有8个BR。顺便问一句：
正文底部的
标题
在做什么？它应该在
头部
加油。阅读评论。已经回答并建议关闭。没必要回答这个问题。如果有答案，OP不能删除他们的问题。