打開下拉菜單中的html標簽

Question

如上圖所示，在父div中有一個“菜單div”。 通過單擊“菜單”和javascript中的函數，將打開另一個包含菜單項的窗口。

如圖所示，“菜單窗口”超過了父div的頁邊距。 對於菜單部分，我考慮了兩個不同的標簽。 一個是在父div中，另一個是在菜單項中打開，並且在CSS中使用padding和margin設置時，我將它們完全放在了相同的位置，以便在窗口打開時，觀察者無法識別出任何位移。 “菜單”。

有沒有更簡單的方法可以做到這一點？ 菜單中只能有一個標簽嗎？

Answer 1

是的，有一種比使用2個不同的菜單標簽更簡單的方法。

您將擁有1個菜單標簽（對菜單進行了一些測試），並將菜單項放入菜單標簽中（但不顯示它們display:none ）。 當用戶單擊菜單時，將項目的顯示更改為block（ display:block ），並確保菜單將顯示超出其原始大小的項目。