javascript - 防止 jQuery 下拉菜单下推其他列中的元素？

Question

我当前的响应式网站有下拉菜单。我打算这样做，以便随着窗口变宽，元素组织成列(1、2 和 3)。这很有用，但是当我滑动切换第一列中的元素时，第一列中的元素也会下降。有时元素会从一列跳到另一列。

我只需要大致了解该做什么？菜单项是 float 的菜单本身不是

Answer 1

为您的列提供一些填充的相对位置，为您的菜单提供绝对位置。然后您可以将菜单放在列中文本的上方，并且当您使用 slideToggle() 时它们不会将文本向下推

.col{
    padding:20px;
    position:relative;
}

.menu{
    position:absolute;
    top:0;
}

这是一个 jsFiddle 实际展示