2013-12-14 20 views
0

對不起,標題有點誤導。我有一個菜單,我想浮動到它的父div的右上角。這樣菜單就會從其父母的頂部開始下降。我知道我可以使用margin-left:100%來使菜單浮動到父級的右側。但現在菜單開始從父母的右下角落下。然而,嘗試使用margin-top排列頂部會導致菜單向上擴展以達到頂部,而不是從頂部開始並下降。jQuery。讓菜單浮動到父親的權利?

下面是我用的基本代碼:http://jsfiddle.net/4jxph/915/

margin-left:100% 

所以,簡單地說。我希望菜單從父div的右上角開始,而不是底部的角落。

+0

以及你看到的jfiddle菜單如何開始從父div的底部掉?我希望它像大多數側面菜單一樣從div的頂部(並且向右)放置。 –

回答

1

您需要將按鈕的位置設置爲相對位置並將下拉位置設置爲絕對位置。就像這樣:

#button { 
    height: 32px; 
    width: 184px; 
    margin: auto; 
    position: relative; 
} 
.file_menu { 
    display:none; 
    width:300px; 
    border: 1px solid #1c1c1c; 
    position: absolute; 
    left:100%; 
    top:0px; 

} 

在這裏看到:http://jsfiddle.net/T946y/