我正在尝试创建一个纯 CSS 和 HTML 菜单，当您将鼠标悬停在上面时，它会“弹出”。
我只是找不到在不改变 ul 大小的情况下让它从中心弹出的解决方案。我需要的是 div 从中心扩大，而不改变周围环境或向上移动。
我找到并通读了这个SO 问题 -- Expand div from the middle instead of just top and left using CSS -- 我正在尝试实现@ScottS 第二个选项。
这是我目前的代码 - http://jsfiddle.net/HTgCN/
提前致谢。
最佳答案
实际上，您的代码工作正常。
唯一需要更改的是 div.menu:hover 中的 margin 属性改为 -5px
margin: -5px;
但是，如果你想让它变得更大，超过 10px，你也必须改变边距。
关于html - 放大下拉菜单中的 div，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19488423/