Html 我的div因为在悬停时扩张而被推出

如果我将鼠标悬停在另一个div上，我的actie tab/div将被推出。我希望当你将鼠标悬停在另一个div上时，它只会被推到屏幕的一侧。你可能看不到它被推出，因为.top_菜单处于溢出：隐藏状态；但是，如果您仔细观察，您会发现当您将鼠标悬停在tab/div上时，它并不平滑

请告诉我如何解决这个问题或向我解释如何做得更好。我想顶部的酒吧有两个大div在2个方面和较小的中间。就像当你看到它的时候，当你不在上面盘旋的时候。但我也希望能够通过悬停来扩展它们

但我不希望它放大悬停，因为我正计划把图像放在div中

编辑：我还希望它使用整个顶部栏，否则如果我在两个较大的标签之一中放入白色图像，我会在旁边有这些奇怪的黑色栏

$（窗口）.on（“滚动触摸移动”，函数（）{
$（'.top_menu'）.toggleClass（'tiny'，$（document.scrollTop（）>0）；
});
正文{
保证金：0；
填充：0；
宽度：100%；
身高：100%；
背景色：rgba（0,0,0,1.0）；
背景位置：中心；
}
.内容{
宽度：75%；
身高：100%；
顶部：200px；
左边距：自动；
右边距：自动；
背景色：rgba（38,38,38,0.80）；
}
.顶部菜单{
宽度：100%；
高度：200px；
背景色：rgba（0,0,0,1.00）；
文本对齐：居中；
位置：固定；
溢出：隐藏；
过渡：高度500ms，背景500ms；
}
.top_菜单{
高度：30px；
背景色：rgba（0,0,0,0.75）；
}
.托普霍家酒店{
右边框样式：实心；
右边框宽度：2px；
右边框颜色：rgba（58185254,1.00）；
溢出：隐藏；
高度：200px；
宽度：20%；
边际：0px；
位置：相对位置；
过渡段：高度500ms；
过渡段：宽度500ms；
-webkit过渡：高度500ms；
-webkit过渡：宽度500ms；
显示：内联块；
}
.top_home:悬停{
高度：200px；
宽度：30%；
}
.顶部按钮{
右边框样式：实心；
右边框宽度：2px；
右边框颜色：rgba（58185254,1.00）；
溢出：隐藏；
高度：200px；
宽度：10%；
边际：0px；
位置：相对位置；
过渡段：高度500ms；
过渡段：宽度500ms；
-webkit过渡：高度500ms；
-webkit过渡：宽度500ms；
显示：内联块；
}
.顶部按钮：悬停{
高度：200px；
宽度：20%；
}
.顶级活动{
溢出：隐藏；
高度：200px；
宽度：20%；
边际：0px；
位置：相对位置；
过渡段：高度500ms；
过渡段：宽度500ms；
-webkit过渡：高度500ms；
-webkit过渡：宽度500ms；
显示：内联块；
}
.top_actie:悬停{
高度：200px；
宽度：30%；
}

家
东西
东西
东西
东西
东西
行动！
荷兰威廉
























































































































































您有5个按钮（10%x5=50%）和2个更大的按钮（20%x2=40%）。因此，您的按钮使用总宽度的90%。当你胡佛，你增加了额外的10%的宽度。所以90%+10%=100%的宽度可以使用。但问题是。按钮之间也有边框，每个边框的宽度为2倍。所以你有一个额外的10px。100%+10px=100+%，所以它不合适

解决方案：当你悬停一个按钮（大的或小的）时，增加一个额外的10%的宽度，增加8%左右

.top_home:hover {
  width: 28%;
}

.top_actie:hover {
  width: 28%;
}

.top_button:hover {
  width: 18%;
}

我不明白你的问题。你的
actie div
必须去哪里？当我看到你的小提琴时，你有一个
home
和
actie
选项卡，它比中间的选项卡大。或者是
活动
选项卡，不是选项卡？是的，是选项卡。但如果您将鼠标悬停在另一个选项卡上。活动标签被按下。但是euhm一个标签就是你看到的，它是代码中的一个div，不是吗？？tab或div不是sameyes，但是当我把一张白色图片放进去的时候，在两个大按钮的旁边有这些黑色的条。我想让它使用整个顶部酒吧你的整个JSFIDLE都是黑色的，所以我不知道你的意思是什么？我在荷兰的一家报纸上刊登了一篇文章，这篇文章的作者是马克莱克尔·伊斯诺，他写了一篇文章，写了一篇关于制表符/按钮/分区的平面图。我在zet die bijv的一个地方。智慧是丹·齐特·赫特·尼特·尤特。（我把家庭部门的颜色改成灰色，想象那是一张照片）是的，我是巴肯·齐恩·托赫·罗吉斯·奥姆达·德·布雷德·沃登？德泽尔夫德克勒？亚的克勒-克勒-克勒-克勒-克勒-克勒-克勒-克勒-克勒-克勒-克勒-克勒-克勒-克勒-克勒-克勒-克勒-克勒-克勒-克勒-克勒-克勒的克勒-克勒-克勒-克勒-克勒-克勒-克勒-克勒-克勒-克勒-克勒-克勒-克勒-克勒-克勒-克勒-。我喜欢你，我喜欢你。