开始下拉菜单中的html标记

Question

在父div中，有一个“菜单div”，如我在图片中所示。通过点击“菜单”和javascript中的功能，另一个窗口打开，其中包含菜单项。

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

有没有更简单的方法来做这件事？我可以只有一个菜单标签吗？

​

Answer 1

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

您将有一个菜单标记(带有一些菜单测试)，并将菜单项放入菜单标记中(但不显示它们- display:none)。当用户单击菜单时，将项目的显示更改为block (display:block)，并确保菜单将显示超出其原始大小的项目。