顯示問題有兩列摺疊式菜單

我的代碼：JSFiddle example 顯示問題有兩列摺疊式菜單

，你可以看到，當你父點擊鏈接從一列代碼移到另一列，如果設置了「位置」禮來「絕對」，那麼列將不會移動，但底部的紅色框將不再移動...

我該如何解決這個問題？

來源

2012-04-13 Boos93

您可以通過讓列float: left而不是display: inline-block來解決此問題。請注意，這將需要你的浮標在底部clear。

Fiddle

來源

2012-04-13 10:31:37

謝謝！它像一個魅力。 – Boos93 2012-04-13 10:46:23

這裏是您的解決方案：http://jsfiddle.net/jh5np/16/

來源

2012-04-13 10:43:29 Ankit

這個問題有兩個：手動指定高度，而不考慮列表中子項的數量（你可以通過簡單地使用'clear'來避免這種情況。切換不考慮菜單是否被打開或關閉。如果你總是點擊打開並點擊關閉，你的解決方案就可以工作，但是如果你點擊從一個節點移動到另一個節點，你的解決方案就可以工作。你可以通過傳遞一個布爾值到切換函數來解決這個問題，或者通過使用清除和不切換 – 2012-04-13 10:53:59

同意戴維。 – Ankit 2012-04-18 06:20:06

顯示問題有兩列摺疊式菜單

回答

相關問題