Позиционирование в CSS: как сделать так, чтобы контент с абсолютным позиционированием отображался за пределами родительского элемента с относительным позиционированием? - PullRequest
1 голос
/ 29 июля 2011

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

Я использую раскрывающееся меню.Главное меню div расположено относительно так, что оно отображается в порядке написания HTML.Это меню содержит кнопки с абсолютным позиционированием, появляющиеся выше при щелчках по категориям.Сразу после меню появляется контент, в другом относительно позиционированном div.

Проблема в том, что кнопки subnav скрыты элементом содержимого. Они не просто отображаются за ним, а скрыты, потому что выходят за пределы раздела меню.

Моя страница выглядит следующим образом:

Заголовок (относительный)


Меню - Категория v Категория v Категория v


Содержимое (относительное)


У всех них есть родительский элемент, статически расположенный для внешнего вида макета.

Примечание: Конечно, я понял, что включил меню в div содержимого,Большая проблема заключается в том, что я хочу, чтобы он находился вне области содержимого, чтобы меню могло быть больше.

Надеюсь, я дал понять, заранее спасибо за ваши ответы.Любая помощь будет оценена.

Привет, герцог

--------------- РЕДАКТИРОВАТЬ ----------------

Ух ты.не могу поверить, что это было так легко.

Проблема возникла из-за переполнения: скрытого, что я пишу довольно автоматически.Удаляя его, содержимое меню выскакивает из div, как по волшебству :) На самом деле это действительно логично, теперь я понимаю, что это работает;)

Спасибо всем и Генри за то, что они так быстро решили.Ура!

Ответы [ 2 ]

2 голосов
/ 29 июля 2011

Глядя на ваш сайт, вы установили overflow: hidden; в меню @ global.css строка 225.

Избавьтесь от этого, и ваше меню должно появиться.

EDIT

Полагаю, краткое объяснение в порядке. Параметр overflow: hidden; в основном усекает любое переполнение. То есть, если для контейнера установлено значение overflow: hidden;, любой переполненный контент (в данном случае ваше меню за пределами допустимого диапазона) обрезается.

Документация по overflow.

0 голосов
/ 29 июля 2011

Было бы очень полезно, если бы вы опубликовали код, но вы можете попробовать это: добавьте z-index:9999 к элементам подменю и посмотрите, работает ли он.

...