Html 下拉菜单推开下面的div

悬停菜单时，子菜单“拒绝”下一个div

如何将潜水器固定在下方的位置

这是我的密码：

*{
框大小：边框框；
}
身体{
字体系列：“Helvetica Neue”，Helvetica，Arial，无衬线；
}
.主导航{
宽度：60%；
保证金：0自动；
}
.主导航{
保证金：0；
左侧填充：0；
列表样式：无；
显示器：flex；
//证明内容：柔性端；
}
.主导航李{
弹性：1；
}
.主导航a{
显示：块；
文本对齐：居中；
填充：.1em；
字体：普通小盘100 20px/1.8em‘Helvetica Neue’；
字母间距：.1米；
盒影：4px 2px 2px灰色；
文字装饰：无；
背景：hsl（0,100%，45%）；
颜色：白色；
}
.主导航a：悬停{
背景：hsl（0,0%，45%）；
}
.主导航{
保证金：0；
左侧填充：0；
显示：无；
}
.主导航ulli{
显示器：flex；
}
.主导航ul a{
填充：.1em；
显示：块；
弹性：1；
}
.主导航ul li:悬停>ul{
显示：块；
}
.block{宽度：100%；高度：60px；背景色：灰色；浮动：右侧；}

• 使用绝对定位从文档流中删除菜单栏
• 将

  margin top

  应用于div以清除菜单栏

*{
框大小：边框框；
}
身体{
字体系列：“Helvetica Neue”，Helvetica，Arial，无衬线；
}
.主导航{
宽度：60%；
保证金：0自动；
位置：相对；/*建立最近的定位祖先
绝对定位*/
}
.主导航{
保证金：0；
左侧填充：0；
列表样式：无；
显示器：flex；
/*证明内容：柔性端*/
位置：绝对；/*从文档流中删除*/
}
.主导航李{
弹性：1；
}
.主导航a{
显示：块；
文本对齐：居中；
填充：.1em；
字体：普通小盘100 20px/1.8em'Helvetica Neue'；
字母间距：.1米；
盒影：4px 2px 2px灰色；
文字装饰：无；
背景：hsl（0,100%，45%）；
颜色：白色；
}
.主导航a：悬停{
背景：hsl（0,0%，45%）；
}
.主导航{
保证金：0；
左侧填充：0；
显示：无；
}
.主导航ulli{
显示器：flex；
}
.主导航ul a{
填充：.1em；
显示：块；
弹性：1；
}
.主导航ul li:悬停>ul{
显示：块；
}
.街区{
页边距顶部：40px；/*清除菜单栏*/
宽度：100%；
高度：60px；
背景颜色：灰色；
浮动：对；
}

。主导航{
宽度：60%；
保证金：0自动；
高度：42px；/*对子菜单的
ul
应用
position:absolute
：

.main-navigation ul ul {
  margin: 0;
  padding-left: 0;
  display: none;
  position: absolute;
}


*{
框大小：边框框；
}
身体{
字体系列：“Helvetica Neue”，Helvetica，Arial，无衬线；
}
.主导航{
宽度：60%；
保证金：0自动；
}
.主导航{
保证金：0；
左侧填充：0；
列表样式：无；
显示器：flex；
//证明内容：柔性端；
}
.主导航李{
弹性：1；
}
.主导航a{
显示：块；
文本对齐：居中；
填充：.1em；
字体：普通小盘100 20px/1.8em‘Helvetica Neue’；
字母间距：.1米；
盒影：4px 2px 2px灰色；
文字装饰：无；
背景：hsl（0,100%，45%）；
颜色：白色；
}
.主导航a：悬停{
背景：hsl（0,0%，45%）；
}
.主导航{
保证金：0；
左侧填充：0；
显示：无；
位置：绝对位置；
}
.主导航ulli{
显示器：flex；
}
.主导航ul a{
填充：.1em；
显示：块；
弹性：1；
}
.主导航ul li:悬停>ul{
显示：块；
}
.block{宽度：100%；高度：60px；背景色：灰色；浮动：右侧；}















非常感谢米克尔：）我会测试：）看一看，多亏了你的想法，我找到并弄明白了>但是让绝对位置在ul上（子菜单）没关系：）有两个非常有趣的选项：1/位置绝对打开和宽度：100%打开，这样它就可以根据需要变大2/正如@Swart所说：导航的高度-flex可以容纳在列中，而不是更多…谢谢大家！！@FrédériqueGame欢迎你们。把答案标记为有用如何？；-）Oups:）我不知道h怎么做？我在Codepen上找到了>但不知道如何在这里显示？！谢谢！！你应该登录Codepen，然后你可以复制你的浏览器url
.main-navigation ul ul {
  margin: 0;
  padding-left: 0;
  display: none;
  position: absolute;
}