html - 查询。让菜单 float 到 parent 的右边？

Question

抱歉标题有点误导。我有一个菜单，我想将其 float 到其父 div 的右上角。这样菜单就会从与其父级顶部相同的高度开始下降。我知道我可以使用 margin-left:100% 使菜单 float 到父项的右侧。但是现在菜单开始从父菜单的右下角掉落。但是，尝试使用 margin-top 将顶部排列起来会导致菜单向上扩展到达顶部，而不是从顶部开始然后下拉。

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

margin-left:100%

简单来说。我希望菜单从父 div 的右上角而不是底 Angular 开始。

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