jQuery的。将菜单浮动到父级的右侧?

时间:2013-12-14 02:55:23

标签: html css

对不起,标题有点误导。我有一个菜单,我想浮动到其父div的右上角。这样菜单就会从与父母顶部相同的高度开始下降。我知道我可以使用margin-left:100%使菜单浮动到父级的右侧。但是现在菜单开始从父母的右下角开始下降。但是,尝试使用margin-top排列顶部会导致菜单向上扩展到顶部而不是从顶部开始下降。

以下是我使用的基本代码:http://jsfiddle.net/4jxph/915/

margin-left:100%

简而言之。我希望菜单从父div的右上角开始,而不是从底角开始。

1 个答案:

答案 0 :(得分:1)

您需要将按钮的位置设置为relative,将下拉的位置设置为absolute。像这样:

#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/