Css 将鼠标悬停在子列表上时，子列表将消失

我有水平菜单。当鼠标悬停在子元素上时，它将消失。无法单击子元素。我希望鼠标悬停在子元素上时，子元素保持不变

.header{
颜色：#FFFFFF；
高度：60px；
宽度：100%；
保证金：自动；
}
.头标{
宽度：40%；
身高：100%；
浮动：左；
}
#标志{
身高：100%；
排名：0；
左：0；
宽度：50%；
}
.标题{
宽度：60%；
浮动：左；
}
#头衔{
位置：绝对位置；
顶部：20px；
字体系列：“泰晤士报新罗马”，泰晤士报，衬线，佐治亚州；
字体大小：97%；
颜色：#B8B8B8；
}
保险商实验室{
列表样式类型：无；
}
李{
显示：内联块；
}
a{
文字装饰：无；
颜色：继承；
填充：21px 10px；
}
李娜：停下来{
背景色：#666699；
}
ul li ul{
显示：无；
}
ul-li：悬停ul{
显示：块；
位置：绝对位置；
宽度：100%；
顶部：70像素；
左：0；
空白：nowrap；
}
* {
边界：0；
保证金：0；
填充：0；
}
.内容{
高度：800px；
保证金：自动；
背景色：#C0；
}
.页脚{
保证金：自动；
背景色：#000000；
}

这是因为您完全定位了子菜单，而且它离父菜单太远，所以您的鼠标在到达子菜单之前就离开了父菜单。我添加了边框以向您展示

.header{
颜色：#FFFFFF；
高度：60px；
宽度：100%；
保证金：自动；
}
.头标{
宽度：40%；
身高：100%；
浮动：左；
}
#标志{
身高：100%；
排名：0；
左：0；
宽度：50%；
}
.标题{
宽度：60%；
浮动：左；
}
#头衔{
位置：绝对位置；
顶部：20px；
字体系列：“泰晤士报新罗马”，泰晤士报，衬线，佐治亚州；
字体大小：97%；
颜色：#B8B8B8；
}
保险商实验室{
列表样式类型：无；
}
李{
显示：内联块；
边框：1px纯蓝色；
}
a{
文字装饰：无；
颜色：继承；
填充：21px 10px；
}
李娜：停下来{
背景色：#666699；
}
ul li ul{
显示：无；
}
ul-li：悬停ul{
显示：块；
位置：绝对位置；
宽度：100%；
顶部：70像素；
左：0；
空白：nowrap；
}
* {
边界：0；
保证金：0；
填充：0；
}
.内容{
高度：800px；
保证金：自动；
背景色：#C0；
}
.页脚{
保证金：自动；
背景色：#000000；
}