父div外側的位置元素

Question

我正在用引導程序構建一個可摺疊的側邊欄，我試圖讓側邊欄切換到迷你導航時彈出側邊欄的子菜單。

例子：http://niftyfifty.nl/sidebar/

當窗口大小爲> 767，你點擊切換按鈕邊欄縮小到一個小型的導航。當您將鼠標懸停在齒輪圖標（設置）上時，子菜單將顯示在圖標右側的側邊欄中（您可以在懸停圖標時通過向右滾動來查看此圖標）。我想讓這個子菜單顯示在邊欄之外。誰能幫我這個？

Answer 1

我不是100％確定這是你要做的，但你可以通過以下步驟在側邊欄之外定位設置子菜單。

首先，你需要設置

overflow:visible; 

側邊欄的方式包裝，使得去外面的div物品仍然可以看到。比你需要重新定位子菜單，以便它彈出你想要的地方。 首先確保用於設置< LI>元素是

position:relative; 

可以爲所有<裏做到這一點>元素如果所有的子菜單，因爲我的行爲這種方式。然後設置< UL類=「崩潰」>

position:absolute; 
top:0px; 
right:-97px;   (the width of the sub-menu) 

這將設置子菜單div的開始位置設置按鈕的右上角。現在，當你突出顯示設置菜單旁邊，而不是它下面