<li> 没有下推后续 <li>
<li> not pushing down subsequent <li>
我正在创建我网站的响应式移动版本。正如您在此 jsfiddle 中看到的，当用户将鼠标悬停在 <li> 项目上时，菜单打开但覆盖 <li> 而不是展开菜单。
我在不同的地方添加了 display: block，width: 100% 希望可以解决问题。
当鼠标悬停在 <li> 标签上时，我需要在代码中添加什么才能使用 <ul> 标签正确展开菜单？
它没有下推菜单，因为它是绝对定位的，因此从正常的文档流中删除。
从 li ul 选择器中删除所有 position:absolute 语句。
工作演示：
我正在创建我网站的响应式移动版本。正如您在此 jsfiddle 中看到的，当用户将鼠标悬停在 <li> 项目上时，菜单打开但覆盖 <li> 而不是展开菜单。
我在不同的地方添加了 display: block，width: 100% 希望可以解决问题。
当鼠标悬停在 <li> 标签上时，我需要在代码中添加什么才能使用 <ul> 标签正确展开菜单？
它没有下推菜单，因为它是绝对定位的，因此从正常的文档流中删除。
从 li ul 选择器中删除所有 position:absolute 语句。
工作演示：