CSS屬性顯示的子表的左側

我看起來like this，其中在上空盤旋「tanfa演示的例子」子表來對RHSCSS屬性顯示的子表的左側

問題是一個菜單，在我的情況下，整個菜單上extreme right。我希望子列表出現在LHS上。

我試過使用CSS「left：0; top：0;」財產，但是這將只顯示它的父元素，它重疊如下的左上角子表，

enter image description here

我想要的菜單，從啓動「左：0;頂部：0」的它的父母，但然後向左滑動。我更喜歡通過CSS的解決方案。

2012-06-12 Rishabh

嘗試right: 100%而不是left: 0，它基本上告訴你的菜單，它應該將其左邊緣放置在其父邊的最左邊緣。 right: 100%應告訴它將其最右邊緣與父菜單的最左邊緣對齊。希望這可以幫助！

2012-06-12 08:09:12 jakee

所以在css'top：0; left：0;' - >'top：0; right：100％;' – jakee

你想讓菜單出現在極端的lhs（例如屏幕的另一側）還是僅僅在父菜單的左側？ – jakee

+1像一個魅力：http://jsfiddle.net/wEExT/8/ –

如果我的理解正確，要使子列表顯示在父級的左側，請將left屬性設置爲-100%。

#menu ul ul ul { 
position: absolute; 
top: 0; 
left: -100%; 
width: 100%; 
}

2012-06-12 08:11:20

可以試試這個：設定兒童（彈出式列表）= 2×父列表的保證金

即負利潤率：添加這樣的彈出名單。

{ 
    margin: 0 -300px; /* 0 denotes top and bottom margin : 0 */ 
}

PS：通過查看您的代碼不可取。在代碼中需要更多的更改才能正常工作

2012-06-12 08:12:23 Playmaker

left：0意味着您可以定義它的位置。那麼，有什麼解決辦法，而不是左：0你可以定義left：auto;。像這樣寫：

#menu ul ul ul { 
position: absolute; 
top: 0; 
left:auto; 
right:100%; 
width: 100%; 
}

或刪除左：0爲jakee已經解釋。

2012-06-12 08:29:30 sandeep

回答