Html 表行隐藏在导航栏下

我有一个表格，但表格的顶部隐藏在导航栏下，如下图所示，因此我必须使用br在页面上显示它。为什么会发生这种情况？我应该如何在不使用br、边距和填充的情况下使其可见。我正试图从过去的几个小时中找出答案。提前谢谢

。滚动{
溢出y：自动！重要；
高度：计算（100vh-54px）；
}
.搜索包装器{
柔性生长：1；
}
：-webkit滚动条{
宽度：8px；
高度：10px；
}
：-webkit滚动条拇指{
边界半径：8px；
背景：#c2c9d2；
}
.btn大纲辅助：悬停{
背景色：白色；
字号：500；
边框底部：3px实心#23485B；
}
.btn大纲中学{
颜色：#23485B；
边界：薄；
}
.sidedivtext{
颜色：#23485B；
}
.暗中戒备{
背景色：#F5；
}
.bg灯{
背景色：#F5；
}
.文本{
颜色：#7979；
}
.桌面图标{
右边距：25px；
不透明度：60%；
}
tr:hover.tableicons{
不透明度：100%；
}
.表格名称{
右侧填充：10vw；
}
.leftalign.tableicons{
左侧填充：0；
}
身体{
填充顶部：60px；
}
.btn主要{
背景色：#002B42；
字体大小：12px；
边界半径：4px；
填充：10px；
}
.btn灯{
背景色：透明；
边界：无；
颜色：黑色；
字体大小：13px；
大纲：无；
填充：10px；
左边距：20px；
}
@仅介质屏幕和（最大宽度：768px）{
身体{
填充顶部：0！重要；
}
navbar先生{
位置：相对位置；
}
.导航栏导航{
对齐项目：居中；
利润率：15px0；
}
.导航项目{
保证金：5px0；
}
.导航拉力{
右边距：10px；
}
}

保存的列表


保存的过滤器


搜索历史






日期
列表名
实体数目
行动
{{items.date}日期：'MMM dd'}
{{items.name}
{{items.entities}}
细节
还没有描述
+添加说明
{{str}

我会做这件事的

body{
padding-top:60px;
}