Элемент позиции за пределами родительского div

Question

Я создаю сворачиваемую боковую панель с бутстрапом, и я пытаюсь выпустить подменю из боковой панели, когда боковая панель переключается на мини-навигацию.

Пример: http://niftyfifty.nl/sidebar/

Когда размер окна> 767, то при нажатии на кнопку переключения на боковой панели стягивается к мини-навигации. Когда вы затем наводите указатель на шестерни (настройки), подменю будет отображаться на боковой панели справа от значка (вы можете видеть это, прокручивая вправо при наведении указателя мыши). Я хочу, чтобы это подменю отображалось за пределами боковой панели. Кто-нибудь может мне с этим помочь?

Answer 1

Я не уверен, что это то, что вы собираетесь делать, но вы можете расположить подменю настроек вне боковой панели следующими шагами.

Прежде всего, необходимо установить

overflow:visible; 

для боковой панели-оболочки, так что элементы, которые выходят за пределы DIV все еще можно увидеть. Затем вам нужно переместить подменю так, чтобы оно всплывало там, где вы хотите. сначала убедитесь,> элемент < лития для настройки является

position:relative; 

вы можете сделать это для всех < li> элементы, если все подменит собираются вести себя таким образом. Затем установите < уль класс = «коллапс в»>

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

этого будет установить стартовую позицию DIV подменю в правом верхнем углу кнопки настройки. Теперь, когда вы выделяете настройки, рядом с ним появляется меню, а не ниже.