Html Css下拉菜单下推内容-新手修复？

我浏览了这个网站，找到了各种各样的答案，但没有一个对我有用，或者我不知道该怎么做。每当我将鼠标悬停在菜单上时，主要内容就会被按下&当我添加“position:absolute”（我尝试了一些地方^^），整个菜单就会被停用或消失

我有一个博客网站，使用这里的模板：-->下载

请注意，在发布答案时，我是编码中的新手，需要非常精确的信息；我用发电机制作了菜单，但除了这个问题，我对它很满意。 我真的希望您能提供帮助，我想其他新手也会从一个易于理解/实现的答案中受益：）

---

以下是css： 不确定页面列表的归属，但无论如何

---

现在是html

查找

ul#主导航ul{填充：0；边距：0；显示：无；}

像这样改变

 ul#main-nav li ul {
                   padding:0;margin:0;
                   display:none;
                  position:absolute:/*Added*/
                  z-index:2;/*Added*/
}

您可以通过给出类似

top:10px的位置来更改孩子ul的位置；左：10px等

工作查找
ul#主导航ul{填充：0；边距：0；显示：无；}

像这样改变

 ul#main-nav li ul {
                   padding:0;margin:0;
                   display:none;
                  position:absolute:/*Added*/
                  z-index:2;/*Added*/
}

您可以通过给出类似
top:10px的位置来更改孩子ul的位置；左：10px等

使用
如何从另一个文件（标题）调用菜单，并将背景设置为透明，确保下拉时主体部分与标题重叠。
如何从另一个文件（标题）调用菜单并将背景设置为透明，确保在下拉时主体部分与标题重叠。
您可以发布JSFIDLE吗？对不起，我从来没有做过任何JSFIDLE操作，但如果需要，我可以尝试。我不在菜单中使用javascript，但可能有另一个java处于活动状态。我的页面现在也重新上线了。你能发布JSFIDLE吗？对不起，我从来没有做过任何JSFIDLE的事情，但如果有必要，我可以试试。我不在菜单中使用javascript，但可能有另一个java处于活动状态。我的网页现在也重新上线了。非常感谢你的发帖，甚至写了一个演示！！但是，我尝试了这个版本（将：改为；太^^^），现在内容不再下降，但是应该下降的菜单栏也不会下降。我已经把我的网站再次上线了，如果有帮助的话，你可以在这里看到：现在我把帖子改回了“相对”，这样访问者至少可以使用菜单，但随后内容又恢复了。。。我想可能是我的模板中有什么东西阻止了你的解决方案的工作？？？非常感谢你的发帖，甚至写了一个演示！！但是，我尝试了这个版本（将：改为；太^^^），现在内容不再下降，但是应该下降的菜单栏也不会下降。我已经把我的网站再次上线了，如果有帮助的话，你可以在这里看到：现在我把帖子改回了“相对”，这样访问者至少可以使用菜单，但随后内容又恢复了。。。我想可能是我的模板中有什么东西阻止了你的解决方案工作？？？
 ul#main-nav li ul {
                   padding:0;margin:0;
                   display:none;
                  position:absolute:/*Added*/
                  z-index:2;/*Added*/
}