向下滑动菜单可以推送其他所有内容

Question

我的所有代码都有效，但不是我想要的方式。那么，一些（和我）如何制作一个菜单栏，当鼠标悬停在某个部件上时，它会通过从项目下滑动来显示选项，但不会将其他菜单项向下推。随意复制代码，看看我的意思。

以下是我为代码制作的MY FIDDLE：

jsfiddle.net/H2XyL /

Answer 1

我更改了css类.Selector。我添加了float:left和display:block，而不是inline-block。内联阻止使您的内容与悬停的内容一起使用。

这里有更新：

.selector {
    background-color: red;
    display: block;
    float: left;
    width: 19%;
}

在此处查找演示：fiddle

希望它可以帮助你：）

Answer 2

为选择器提供ID并使用positoin:absolute;
DEMO
还修复了你的拼写错误^。^