Css定位问题

Question

我正在实施Filament Group jquery菜单（http://www.filamentgroup.com/lab/jquery_ipod_style_and_flyout_menus/）。如果您看一下我已链接到下面的屏幕抓取，您将看到菜单正在将其自身推到其容器div之外。有人可以给我一些线索，告诉我如何强制菜单留在其父div中吗？

Answer 1

看起来菜单已使用position: absolute浮动或从文档流中删除。

如果它已浮动，那么您也可以浮动父项或在父项上使用此css：

W3C： -

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

IE7： -

#parentElement {
 min-height: 0;
}

如果菜单没有浮动但使用position: absolute，则您必须手动设置高度或使用JS测量菜单的高度并将其应用于父级。

Answer 2

通过查看该截图，如果没有看到你的css并标记，几乎不可能知道，但是看起来你的左边值对于弹出菜单是错误的。但这是猜测而没有看到代码...

查看示例页面，它使用负向左，它等于UL的宽度来切换它们，因此，如果不阅读该插件的实现，您可能需要在某处设置该宽度或丢失某些内容......