Проблема позиционирования CSS

Question

Я использую меню jquery для Filament Group (http://www.filamentgroup.com/lab/jquery_ipod_style_and_flyout_menus/). Если вы посмотрите на скриншот, который я привел ниже, вы увидите, что меню выходит за пределы контейнера div. Может, кто-нибудь подскажет, как заставить меню оставаться внутри родительского div?

Answer 1

Глядя на этот скриншот, узнать его практически невозможно, не увидев ваш CSS и разметку, однако кажется, что ваши левые значения неправильны для всплывающего меню.Но это предположение, не видя код ...

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

Answer 2

Похоже, что меню было перемещено или удалено из потока документов с помощью position: absolute.

Если он был перемещен, то вы можете также отправить родительский объект или использовать этот css для родительского элемента:

W3C: -

#parentElement:after {
     clear: both;
     display: block;
     content: ".";
     height: 0;
     visibility: hidden;
    }

IE7: -

#parentElement {
 min-height: 0;
}

Если меню не является плавающим, но использует position: absolute, то вам нужно либо установить высоту вручную, либо использовать JS, чтобы измерить высоту меню и применить ее к родительскому элементу.