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寬度的負向左來切換它們，因此在不閱讀該插件的實現的情況下，您可能需要在某個地方設置該寬度或丟失某些東西...