位置元素在另一个的右边

Question

说我有一个这样的下拉菜单：

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

#container div有position: 'relative'而#drop-down有position: 'absolute'，如何定位#downdown-menu，使元素的右边位于右侧#container元素。它们应该与顶部的#container和#downdown-menu直接对齐，但右对齐？

Answer 1

设置该元素的左边等于减号（容器的宽度），顶部减去负数（容器的高度）

 top:-height_of_container;
 left:-width_of_the_conatiner;