打开下拉菜单中的html标签

Question

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

如图所示，“菜单窗口”超出了父div边距。对于菜单部分，我考虑了两个不同的标签。一个当它在父div中而另一个当它打开菜单项并且在css中使用填充和边距设置时我将它们精确地放在相同的位置，这样当窗口打开时，观察者不会识别任何位移“MENU”。

有更简单的方法吗？我只能为MENU设置一个标签吗？

Answer 1

是的，比使用2种不同的菜单标签更简单。

您将有1个菜单标记（对菜单进行一些测试）并将菜单项放在菜单标记内（但不显示它们 - display:none）。当用户点击菜单时，将项目的显示更改为阻止（display:block），并确保您的菜单会显示其原始尺寸以外的项目。