Html 在流中定位绝对切换元素，内容如下
Html 在流中定位绝对切换元素，内容如下,html,css,Html,Css,.menu是显示：flex和桌面设备上有调整内容：间距 其中一个菜单链接切换子菜单，并使用position:relative使子菜单链接不中断菜单am的水平间距和位置：绝对用于子菜单 <hr> <ul class="menu"> <li> <a class="toggle" href="#submenu">submenu</a> <
.menu显示：flex调整内容：间距
其中一个菜单链接切换子菜单，并使用position:relative使子菜单链接不中断菜单am的水平间距和位置：绝对用于子菜单
<hr>
<ul class="menu">
<li>
<a class="toggle" href="#submenu">submenu</a>
<ul id="submenu" class="toggle-content">
<li>
<a href="#">Lorem Ipsum</a>
</li>
...
</ul>
</li>
...
</ul>
<hr>
-
-
...
...
问题是，下面的菜单是
，当子菜单打开时，更多的内容应该向下移动，但由于绝对定位，子菜单显示在其余内容上
位于
内，因为据我所知，这是创建子菜单的正确HTML语义方式。在语义上，有什么想法可以切换子菜单，这样子菜单打开时，下面的内容就会向下移动
菜单的中间部分
提前非常感谢您使用您的脑力 你好，像这样修改html和css
。切换内容{
显示：无；
}
.toggle-content.is-visible{
显示：块；
}
.切换{
位置：相对位置；
}
李{
位置：相对位置；
}
.菜单{
保证金：0.2.5雷姆；
列表样式类型：无；
显示器：flex；
柔性包装：包装；
弯曲方向：立柱；
}
@介质（最小宽度：568px）{
.菜单{
弯曲方向：行；
证明内容：之间的空间；
}
}
;
-
-
-
-
-
-
-
-
感谢您的时间！我知道把子菜单放在外面可以解决这个问题，在我看来，如果这是唯一的选择，那么还有更多的选择。例如，也许应该在所有子菜单li元素中添加数据属性？我明白你的观点，兄弟，正如你所说，肯定还有很多其他方法