CSS布局信息框

Question

我的问题是，我需要在一个事件中弹出一个信息框（它将是一个点击按钮）。 Div“Info”应该是那个。它应该独立于父元素。 例如，如果我设置顶部：0px;并离开：0px;它应该位于浏览器窗口的左上角。 怎么解决这个问题？

<div style="postion:relative;float:left;margin-left:20px;margin-right:20px;">
  <div style="postion:relative;float:left;margin-top:100px">
    <div id="info" style="display:hidden;background-color:red"></div>
  </div>
</div>

Answer 1

将position设置为absolute将始终使用浏览器窗口中的绝对位置（例如top：0px; left：0px是浏览器窗口的左上角）。