带有Css/html的垂直子菜单下拉菜单

我有一个html格式的垂直导航菜单，我正在尝试制作一个子菜单，但进展不太顺利。当我点击子菜单时，它消失了。任何帮助都将不胜感激

导航ul{ 列表样式：无； 保证金：0； 填充：0px； 宽度：200px； 高度：自动； } 导航， 保险商实验室{ 利润上限：4倍； } 李国荣{ 边框顶部：2倍实心000000； 背景色：白色； 宽度：10em； 颜色：黑色； 宽度：200px； 高度：自动； 填充：5px0px； 字体大小：120%； } nav ul li:悬停{ 背景色：E88B2E； } 导航idk{ 颜色：黄色； } a:链接{ 颜色：绿色； } a:参观了{ 颜色：绿色； } a:悬停{ 颜色：浅绿色； } ul li ul{ 列表样式：无； 保证金：0； 填充：0px； 宽度：200px； 高度：自动； 显示：无； } ulli ulli{ 边框顶部：2倍实心000000； 背景色：白色； 宽度：10em； 颜色：黑色； 宽度：200px； 高度：自动； 填充：5px0px； 字体大小：120%； } a:链接{ 文字装饰：无； } 导航ulli：悬停ul{ /*悬停列表项时，显示嵌套在中的UL*/ 显示：块； } 导航ul{ /*从文档流中删除元素*/ 位置：绝对位置； /*相对于其父li的位置*/ 左：210像素； 排名：0； 边框顶部：1px实心e9e9e9； 显示：无； } 李国宝{ 宽度：200px； 背景：f1f1； 边框：1px实心e9e9e9； 边界顶部：0； } 海军ulli a{ 颜色：a8a8a8； 字体大小：12px； 文本转换：无； } 导航ulli a：悬停{ 颜色：9292； } 您必须将left值从210px更改为200，或者更好地使用marginleft来计算相对于父项的值

导航ul{ 列表样式：无； 保证金：0； 填充：0px； 宽度：200px； 高度：自动； } 导航， 保险商实验室{ 利润上限：4倍； } 李国荣{ 边框顶部：2倍实心000000； 背景色：白色； 宽度：10em； 颜色：黑色； 宽度：200px； 高度：自动； 填充：5px0px； 字体大小：120%； } nav ul li:悬停{ 背景色：E88B2E； } 导航idk{ 颜色：黄色； } a:链接{ 颜色：绿色； } a:参观了{ 颜色：绿色； } a:悬停{ 颜色：浅绿色； } ul li ul{ 列表样式：无； 保证金：0； 填充：0px； 宽度：200px； 高度：自动； 显示：无； } ulli ulli{ 边框顶部：2倍实心000000； 背景色：白色； 宽度：10em； 颜色：黑色； 宽度：200px； 高度：自动； 填充：5px0px； 字体大小：120%； } a:链接{ 文字装饰：无； } 导航ulli：悬停ul{ /*悬停列表项时，显示嵌套在中的UL*/ 显示：块； } 导航ul{ /*从文档流中删除元素*/ 位置：绝对位置； /*相对于其父li的位置*/ 左边距：200px； 排名：0； 边框顶部：1px实心e9e9e9； 显示：无； } 李国宝{ 宽度：200px； 背景：f1f1； 边框：1px实心e9e9e9； 边界顶部：0； } 海军ulli a{ 颜色：a8a8a8； 字体大小：12px； 文本转换：无； } 导航ulli a：悬停{ 颜色：9292； }