对不起,标题有点误导。我有一个菜单,我想浮动到其父div的右上角。这样菜单就会从与父母顶部相同的高度开始下降。我知道我可以使用margin-left:100%使菜单浮动到父级的右侧。但是现在菜单开始从父母的右下角开始下降。但是,尝试使用margin-top排列顶部会导致菜单向上扩展到顶部而不是从顶部开始下降。
以下是我使用的基本代码:http://jsfiddle.net/4jxph/915/
margin-left:100%
简而言之。我希望菜单从父div的右上角开始,而不是从底角开始。
答案 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;
}