Html 放大下拉菜单中的div

我正在尝试创建一个纯CSS和HTML菜单，当你鼠标悬停在上面时，它会弹出

如果不改变

ul

的大小，我就找不到让它从中心弹出的解决方案。我需要的是

div

从中心放大，而不改变周围环境或向上移动

我已经找到并通读了这个问题-，我正在尝试实现@ScottS第二个选项

这是我目前掌握的代码-

---

提前谢谢。

实际上，您的代码运行得很好。 唯一需要更改的是

div.menu:hover

to-5px中的margin属性

margin: -5px;

---

然而，如果你想让它更大，超过10px，你也必须改变边距。

实际上，你的代码工作得很好。 唯一需要更改的是

div.menu:hover

to-5px中的margin属性

margin: -5px;

---

然而，如果你想让它更大，超过10px，你也必须改变利润。

谢谢。只是想知道是否有办法阻止div抖动？嗯，当你的鼠标在边缘时，div正在抖动。这是因为当div从鼠标下移出1px时，悬停规则不再适用，而是试图回到它的位置。然后再次应用悬停规则，以此类推。我会使用jqueryanimate来完成这个任务。或者我误解了这个问题？谢谢你。只是想知道是否有办法阻止div抖动？嗯，当你的鼠标在边缘时，div正在抖动。这是因为当div从鼠标下移出1px时，悬停规则不再适用，而是试图回到它的位置。然后再次应用悬停规则，以此类推。我会使用jqueryanimate来完成这个任务。或者我误解了这个问题？