javascript - 打开下拉菜单中的 html 标签

Question

在父 div 中，有一个“菜单 div”，如图所示。通过单击“菜单”和 javascript 中的函数，将打开另一个包含菜单项的窗口。

在显示时，“菜单窗口”超出了父 div 的边距。对于菜单部分，我考虑了两个不同的标签。一个在父 div 中，另一个在打开时带有菜单项以及 css 中的填充和边距设置，我将它们放在完全相同的位置，这样当窗口打开时，观察者不会识别任何位移“菜单”。

有没有更简单的方法来做到这一点？ MENU 可以只有一个标签吗？

Answer 1

是的，有一种比使用 2 个不同的菜单标签更简单的方法。

您将有 1 个菜单标签(对菜单进行一些测试)并将菜单项放在菜单标签内(但不显示它们 - display:none)。当用户点击菜单时，将元素的显示更改为 block 状 (display:block) 并确保您的菜单将显示超出其原始大小的元素。