绝对定位的元素的位置相对于最近的已定位父元素，如果元素没有已定位的父元素，那么它的位置相对于<html> - 在线编辑器

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    h2 {
      position: absolute;
      left: 100px;
      top: 150px;
    }
  </style>
</head>

<body>
  <h2>这是一个绝对定位了的标题</h2>
  <p>用绝对定位,一个元素可以放在页面上的任何位置。标题下面放置距离左边的页面100 px和距离页面的顶部150 px的元素。.</p>
</body>

</html>
​x
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    h2 {
      position: absolute;
      left: 100px;
      top: 150px;
    }
  </style>
</head>
​
<body>
  <h2>这是一个绝对定位了的标题</h2>
  <p>用绝对定位,一个元素可以放在页面上的任何位置。标题下面放置距离左边的页面100 px和距离页面的顶部150 px的元素。.</p>
</body>
​
</html>