Как настроить позиционирование меню?

Question

[moem]

Здравствуйте.
Подскажите, пожалуйста, кто знает.
Дано:
блочный элемент div с изменяемыми размерами (resize: both, overflow: hidden),
иконка меню (бутерброд) в правом верхнем углу,
при нажатии на иконку раскрывается меню, которое является потомком div и позиционировано абсолютно,
при изменении ширины div меню начинает двигаться, оставаясь в нужном месте относительно иконки и правого верхнего угла div,
при изменении высоты div при условии, что div.height<(menu.top+menu.height), низ меню начинает скрываться, т.е. его границы не выходят за границы родителя.
Вопрос: как определить css свойства, чтобы меню при изменении размеров div было поверх его границ?
Спасибо

Answer 1

[profesor08]

Убери overflow: hidden

Comments

[moem]

Ответ принципиально неверный. Без overflow resize не работает. При изменении overflow на auto, scroll появляются полосы прокрутки, но меню от этого поверх родителя не становится, а также скрывается его границами

[profesor08]

moem, там есть еще один параметр. Если ты хочешь использовать hidden, то весь контент будет скрыт. Следовательно надо искать другое решение. В твоем случае, visible будет тем самым решением.

[moem]

При overflow:visible на родителе в правом нижнем углу пропадает растягивающий уголок resize

[profesor08]

Значит вставь свой. Навесь пару строк js и масштабируй контейнер как угодно. Но все еще можешь упереться и дальше мучатся с overflow: hidden, но ни к чему не придешь.

[moem]

Именно поэтому я и задаю вопрос с тегом CSS людям его знающим. Иначе прикрутил бы что-нибудь вроде interactjs. Но хочется обойтись только CSS.