Html 卡片中的下拉菜单将插入卡片列的下一列

当我的卡片包含下拉菜单时，我在使用布局时遇到了一个奇怪的问题

底部卡片的下拉菜单div正在流入下一列（尽管菜单似乎位于正确的位置）。这仅在下拉菜单下拉时发生（而不是下拉——当显示窗口太短而无法下拉菜单时发生）

这可以在下面的代码片段中看到。确保窗口足够大，以便

卡2

的下拉菜单下拉而不是向上。然后请注意，只有将光标放在

卡3

附近，才能单击更改名称和删除按钮

在这里可以看到，尽管鼠标光标远离位置，但在下一列中，

card2

的

makecopy

选项仍然高亮显示

我用的是Chrome60

卡名
我是一些文本
更多行动
改名
抄袭
删除
卡名
我是一些文本
更多行动
改名
抄袭
删除
卡名
我是一些文本
更多行动
改名
抄袭
删除
下面是一些内容

您可能需要更改按钮上的ID

更多操作下拉列表

ID应该是唯一的

嗯，这很奇怪，主要的问题是，一旦显示了card2的下拉列表，它实际上以某种方式被放置在card3的内部，然后使用translate被放置在card2按钮的下方，这可能是导致所有这些的原因

确切的原因我不知道，但我已经了解了引导程序糟糕的方式，特别是测试版。我只能推荐使用一些像基金会这样的东西，如果你还没有投入很多精力在

---

它们在我的应用程序中是唯一的（尽管我应该在代码片段中保持它们的唯一性以避免混淆）。问题不在于对话框不会出现，而在于第二张卡的下拉按钮的实际位置和“显示”位置不同。打开卡2的菜单后，将光标放在卡3后，即可单击它们。