Html 无法在水滴列表与其内容之间添加重叠其他元素的距离

我无法在

关于我们

和导航选项卡之间添加距离，如果光标悬停在

关于我们

面板上时无法到达选项卡

我试着在页边空白处加上：和

页边距底部：但没有得到回报。
此外，我故意没有删除
标记，因为保留它们是必须的，我觉得它们本可以阻止我的意图发生


。下拉列表{
填充：10px；
位置：相对位置；
显示：内联块；
}
.下拉列表.列表{
填充：15px；
边框：10px实心透明；
颜色：黑色；
文字装饰：无；
}
.dropdown.dropcontent{
显示：无；
背景色：白色；
位置：绝对位置；
边框：1px实心；
}
.下拉菜单.下拉菜单内容a{
显示：块；
填充：10px；
最小宽度：150px；
文字装饰：无；
颜色：黑色；
}
.dropdown：悬停.dropcontent{
显示：块；
}

您可以将
位置：绝对
和
顶部：47px
添加到
.dropcontain


。下拉列表{
填充：10px；
位置：相对位置；
显示：内联块；
}
.下拉列表.列表{
填充：15px；
边框：10px实心透明；
颜色：黑色；
文字装饰：无；
}
.dropdown.dropcontent{
显示：无；
背景色：白色；
位置：绝对位置；
边框：1px实心；
位置：绝对位置；
顶部：47px；
}
.下拉菜单.下拉菜单内容a{
显示：块；
填充：10px；
最小宽度：150px；
文字装饰：无；
颜色：黑色；
}
.dropdown：悬停.dropcontent{
显示：块；
}

添加
顶部：40px到
.dropdown.dropcontent
使用
top:，不是很危险？我的意思是，我发现这是我想想出的最后一个办法。你也可以使用保证金，如果你稍微改变一下结构，你就不需要任何定位的东西。