css - CSS垂直扩展元素并移动伪元素

Question

在我正在创建的网站上，我在页面顶部有一个导航栏，我想在悬停时垂直展开/动画。我还使用:after伪元素来创建丝带效果。问题是当菜单项悬停时，我似乎无法让“功能区部分”向下移动。我已经玩了一段时间了，我知道这很简单，但我就是想不通。

我在这里有关于 pastebin 的代码：http: //pastebin.com/FTf4pBEi

Answer 1

我增加了悬停高度，功能区似乎起作用了。由于没有子菜单项，我不确定您到底在追求什么。

http://jsfiddle.net/Kts5y/3/

.menu_item:hover {
  height:150px;
}