Html 当我将鼠标悬停在DIV 3和DIV 4上时，边距顶部会增加

我的代码如下，但当我悬停在DIV C和DIV D上时。 我需要提高利润率。你能告诉我这是怎么回事吗 修正了。不使用任何javascript也可以

.a{
高度：50px；
宽度：200px；
/*边框：5px纯黄色*/
保证金：5px；
背景：橙色；
}
.z{
位置：绝对位置；
左：220px；
顶部：0px；
显示：无；
宽度：100px；
高度：500px；
}
a:悬停{
/*背景：#f00*/
显示：块；
}
/*我使用的CSS*/
.myactive:类型的第一个{
背景：橙色；
高度：50px；
宽度：200px；
边缘顶部：5px；
边缘底部：10px；
}
/*我使用的CSS*/
.myactive{
背景：橙色；
高度：50px；
宽度：200px；
边缘顶部：10px；
边缘底部：10px；
}

A组
活跃的
不活跃
不活跃
不活跃
不活跃
不活跃
不活跃
不活跃
不活跃
B组
不活跃
活跃的
不活跃
不活跃
不活跃
不活跃
不活跃
不活跃
不活跃
C组
不活跃
不活跃
活跃的
不活跃
不活跃
不活跃
不活跃
不活跃
不活跃
D组
不活跃
不活跃
不活跃
活跃的
不活跃
不活跃
不活跃
不活跃
不活跃
E组
分区Z
F组
分区Z

正在查找以下内容

.a{
高度：50px；
宽度：200px；
/*边框：5px纯黄色*/
保证金：5px；
背景：橙色；
}
.z{
位置：绝对位置；
左：220px；
顶部：0px；
显示：无；
宽度：100px；
高度：500px；
}
a:悬停{
/*背景：#f00*/
显示：块；
}
/*我使用的CSS*/
.myactive:类型的第一个{
背景：橙色；
高度：50px；
宽度：200px；
边缘顶部：5px；
边缘底部：10px；
}
.MyNoActive{
高度：50px；
宽度：200px；
保证金：5px；
}
/*我使用的CSS*/
.myactive{
背景：橙色；
高度：50px；
宽度：200px；
边缘顶部：10px；
边缘底部：10px；
}

A组
活跃的
不活跃
不活跃
不活跃
不活跃
不活跃
不活跃
不活跃
不活跃
B组
不活跃
活跃的
不活跃
不活跃
不活跃
不活跃
不活跃
不活跃
不活跃
C组
不活跃
不活跃
活跃的
不活跃
不活跃
不活跃
不活跃
不活跃
不活跃
D组
不活跃
不活跃
不活跃
活跃的
不活跃
不活跃
不活跃
不活跃
不活跃
E组
分区Z
F组
分区Z

更新了hoverhere的CSS您想做什么？我希望活动块应该与左侧div位于同一行。我想您也希望定位

.a

div。例如，使它们

位置：相对
。这就是你需要发生的吗？