在CSS中定位：如何使絕對定位的內容顯示在相對定位的父級之外？

Question

我遇到了一個讓我瘋狂的問題，而如果你曾經遇到過這個問題，它應該顯得很容易。

我正在使用下拉菜單。主菜單div相對定位，以便它以html寫入的順序出現。該菜單包含上面出現在類別點擊上的絕對定位按鈕。 剛剛菜單出現後，在另一個相對定位的div。

問題是subnav按鈕被內容div隱藏。他們不只是出現在它後面，它隱藏是因爲越過菜單div。

我的頁面看起來是這樣的：

頁眉（相對）

---

菜單 - V類V類V類

---

內容（相對）

---

所有這些有一個包含父級的佈局外觀靜態定位。

注：當然，我通過在內容div中包含菜單來了解它。最大的挑戰是我想要它在內容div之外，以便菜單可以更大。

希望我已經說清楚了，謝謝你的回覆。 任何幫助，將不勝感激。

問候， 杜克

--------------- EDIT ----------------

哇。簡直不敢相信那麼容易。

問題來自溢出：隱藏，我寫得很自動。刪除它，菜單的內容就像魔術一樣從div中彈出:)實際上，這是非常合乎邏輯的，我現在明白它的工作原理;）

感謝大家和Henry解決它這麼快。 乾杯！

Answer 1

看你的網站，你的菜單上overflow: hidden;集@global.css線225

擺脫這一點，您的菜單應該顯示。

編輯

我想簡要的解釋是爲了。 overflow: hidden;設置基本上截斷任何溢出。也就是說，如果一個容器被設置爲overflow: hidden;，任何溢出的內容（在這種情況下你的越界菜單）都會被剪切。

有關overflow的文檔。

Answer 2

如果您發佈了代碼，這將會非常有幫助，但您可以嘗試以下操作：將z-index:9999添加到子菜單項並查看它是否有效。