html - CSS 布局信息框

Question

我的问题是我需要在那个层次结构中弹出一个事件弹出的信息框(它将是一个点击按钮)。Div“信息”应该是那个。它应该独立于父元素。例如，如果我设置 top: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

将位置设置为绝对位置将始终使用浏览器窗口中的绝对位置(例如 top:0px；left:0px 是浏览器窗口的左上角)。