css - 并排设置两个绝对定位的 DIV 元素

Question

这是我的 HTML

 <div id="menuCont">
   <div id="SubMenu">
       <input type="button" value="button1"/>
       <input type="button" value="button1"/>
       <input type="button" value="button1"/>   
   </div>
   <div id="Menu">
   </div>
 </div>

这是我的 CSS

 #Menu{
    height: 550px;
    width: 360px;
    position: absolute;
    top: 2px;
    right: 2px;
    background-color: gray
 }
 #menuCont{
    top: 0px;
    position: absolute
 }

我正在尝试以一种方式对齐元素...菜单 div 应该位于右上角。请帮我解决这个问题。但现在不是..

Answer 1

更改#Menu 上的位置。

#menuCont {
 position:relative;
}

然后

#Menu { 
position:absolute;
top:0;
right:0;
}