html - 放大下拉菜单中的 div

Question

我正在尝试创建一个纯 CSS 和 HTML 菜单，当您将鼠标悬停在您面前时，它会“弹出”。

我只是找不到让它从中心弹出的解决方案，而不改变ul. 我需要的是div从中心放大，而不改变其周围环境或向上移动。

我已经找到并通读了这个SO问题——使用 CSS 从中间展开 div 而不是从顶部和左侧展开——我正在尝试实现 @ScottS 的第二个选项。

这是我到目前为止的代码 - http://jsfiddle.net/HTgCN/

提前致谢。

Answer 1

实际上，您的代码工作得很好。您唯一需要更改的是将边距属性更改为div.menu:hover-5px

margin: -5px;

但是，如果你想让它大于 10 像素，你也必须改变边距。