并排设置两个绝对定位的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;
}