Javascript 将元素放置在另一个元素的右侧

假设我有这样一个下拉菜单：

<div id="container">
  <button id="showMe">
  <ul id="dropdown-menu">
    <li>Blah</li>
  <ul>
</div>

废话

---

#container div有

position:“relative”

和

#下拉列表有
position:“absolute”
，如何定位#下拉菜单，使元素的右侧位于#container元素的右侧。它们应该与顶部的#容器和正下方的#下拉菜单右对齐，但右对齐？
将该元素的左侧设置为负（容器的宽度），顶部设置为负（容器的高度）

您需要使用相对位置吗？因为我会用float或box sizing来做，你有一个无序的列表，如果它是一个下拉列表，或者你正在使用一个插件来创建一个下拉列表，你必须告诉我们如何和什么？
左：100%将使其向右对齐
 top:-height_of_container;
 left:-width_of_the_conatiner;