難以讓一個div正確定位在已溢出的div上：hidden

一些背景：我有一個網站標題並創建了一些jQuery代碼，當單擊另一個div（workspaceSelectNav或accountActionsContainer）時顯示div（headerAdminPanel）這基本上是一個菜單，裏面有各種選項。我遇到了一些麻煩得到這個headerAdminPanel面板的div顯示正常，因爲頭有一個帶溢出的div：隱藏在它和z-index定位似乎不是答案（除非我做錯了什麼）。難以讓一個div正確定位在已溢出的div上：hidden

這裏是我的HTML代碼： http://jsfiddle.net/user1032334/NY75B/2/

來源

2011-12-09 Curtis

你可以提煉出最簡單的情況，你觀察到這個問題嗎？另外，考慮發佈一個例子（包括你的jQuery）到[jsfiddle]（http://www.jsfiddle.net） – bookcasey

我不知道，如果我們有這個部分整個代碼。但是你的代碼中有2個額外的關閉</div>標籤。無效的HTML 可能是是您的問題的原因（還有更多！）。
第19行& 20有一個額外的</div>標籤。

Check out this JSFiddle. < - 這是帶有2個額外結束標籤的代碼。（已評論）
Check out this JSFiddle. < - 這是你的代碼沒有的2個額外的標籤。

來源

2011-12-09 20:45:03 Anil

謝謝。我在JS中添加了所以你可以看到我在看什麼。如果您點擊工作區名稱或用戶名面板，您將在左側看到div顯示。如果有意義的話，我需要這個div來顯示它在白色div之外的全部高度。它應該顯示在橙色的「5」上[鏈接] http://jsfiddle.net/user1032334/NY75B/1/ – Curtis

謝謝你的提升。剛剛進入它，看起來像現在保存。 – Curtis

仍然無法正常工作：http://jsfiddle.net/user1032334/NY75B/3/ – Anil

與position:relative;，position:absolute;，或position:fixed;由z-index隻影響因素。

或許這將幫助：

#workspaceSelectNav { position:relative; z-index:whatever;}

來源

2011-12-09 20:38:05 bookcasey

簡單的解決方案是簡單地將子菜單的高度添加到標題中，以便溢出在顯示時不會將其切斷。如果您不希望額外的高度將內容壓低，則可以始終在底部應用負邊距。

來源

2011-12-10 00:16:30 Wex

難以讓一個div正確定位在已溢出的div上：hidden

回答

相關問題