Html 单击图像时无法实现悬停功能

我遇到了一个悬停菜单，并试图实施，但未能得到预期的效果。单击公司徽标时，会出现一个下拉列表

我的代码：

.client容器{
位置：相对位置；
显示：内联块；
}
.客户端内容{
显示：无；
位置：绝对位置；
背景色：#fff；
最小宽度：160px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
z指数：1；
排名：0；
过渡：337ms易进易出；
}
.client容器：悬停.client内容{
显示：块；
}

我们的客户
Lorem ipsum dolor sit amet，是一位杰出的献身者。埃尼安·马蒂斯在车上度过了一生。阿利奎姆·安特·莱克托斯，非厄洛斯·尤因，马蒂斯·坦普斯·图皮斯。阿库利斯·亨德雷特·多洛尔·奎斯·乌尔特里斯策拉比图尔。杜奈克红葡萄酒
这是我的尊严。虎口浮雕和肘部浮雕同侧前庭；莫比

阅读更多
所有客户

只需删除绝对位置

.client容器{
位置：相对位置；
显示：内联块；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
z指数：1；
排名：0；
背景色：#fff；
过渡：337ms易进易出；
最小高度：80px；
}
.客户端内容{
显示：无；
最小宽度：160px；
}
.client容器：悬停.client内容{
显示：块；
}
.客户端容器：悬停{
位置：绝对位置；
}

我们的客户
Lorem ipsum dolor sit amet，是一位杰出的献身者。埃尼安·马蒂斯在车上度过了一生。阿利奎姆·安特·莱克托斯，非厄洛斯·尤因，马蒂斯·坦普斯·图皮斯。阿库利斯·亨德雷特·多洛尔·奎斯·乌尔特里斯策拉比图尔。杜奈克红葡萄酒
这是我的尊严。虎口浮雕和肘部浮雕同侧前庭；莫比

阅读更多
所有客户

只需更改代码中的

top:0

.client容器{
位置：相对位置；
显示：内联块；
}
.客户端内容{
显示：无；
位置：绝对位置；
背景色：#fff；
最小宽度：160px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
z指数：1；
顶部：80px；/*img的高度*/
左：0；
宽度：100%；
过渡：337ms易进易出；
}
.client容器：悬停.client内容{
显示：块；
}
/*我添加了边框以供参考*/
.client容器：hover、.client内容{border:1px solid}。客户端容器：hover{border底色：透明}。客户端内容{border顶色：透明}

我们的客户
Lorem ipsum dolor sit amet，是一位杰出的献身者。埃尼安·马蒂斯在车上度过了一生。阿利奎姆·安特·莱克托斯，非厄洛斯·尤因，马蒂斯·坦普斯·图皮斯。阿库利斯·亨德雷特·多洛尔·奎斯·乌尔特里斯策拉比图尔。杜奈克红葡萄酒
这是我的尊严。虎口浮雕和肘部浮雕同侧前庭；莫比

阅读更多
所有客户

试试这个：

.client容器{
位置：相对位置；
显示：内联块；
}
.客户端内容{
显示：无；
位置：绝对位置；
背景色：#fff；
最小宽度：160px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
z指数：1；
排名：0；
过渡：337ms易进易出；
}
.client容器：悬停.client内容{
显示：块；
}

我们的客户
Lorem ipsum dolor sit amet是一位杰出的足球运动员。埃尼安·马蒂斯在车上度过了一生。阿利奎姆·安特·莱克托斯，非厄洛斯·尤因，马蒂斯·坦普斯·图皮斯。阿库利斯·亨德雷特·多洛尔·奎斯·乌尔特里斯策拉比图尔。杜奈克红葡萄酒
这是我的尊严。虎口浮雕和肘部浮雕同侧前庭；莫比

阅读更多
Lorem ipsum dolor sit amet是一位杰出的足球运动员。埃尼安·马蒂斯在车上度过了一生。阿利奎姆·安特·莱克托斯，非厄洛斯·尤因，马蒂斯·坦普斯·图皮斯。阿库利斯·亨德雷特·多洛尔·奎斯·乌尔特里斯策拉比图尔。杜奈克红葡萄酒
这是我的尊严。虎口浮雕和肘部浮雕同侧前庭；莫比

阅读更多
Lorem ipsum dolor sit amet是一位杰出的足球运动员。埃尼安·马蒂斯在车上度过了一生。阿利奎姆·安特·莱克托斯，非厄洛斯·尤因，马蒂斯·坦普斯·图皮斯。阿库利斯·亨德雷特·多洛尔·奎斯·乌尔特里斯策拉比图尔。杜奈克红葡萄酒
这是我的尊严。虎口浮雕和肘部浮雕同侧前庭；莫比

阅读更多
Lorem ipsum dolor sit amet是一位杰出的足球运动员。埃尼安·马蒂斯在车上度过了一生。阿利奎姆·安特·莱克托斯，非厄洛斯·尤因，马蒂斯·坦普斯·图皮斯。阿库利斯·亨德雷特·多洛尔·奎斯·乌尔特里斯策拉比图尔。杜奈克红葡萄酒
尊严