CSS:绝对内部绝对值和相对内部绝对值之间的区别

    div.flag {
      width: 900px;
      height: 600px;
      background-color: red;
      position: relative;
    }
    
    div.flag > div {
      position: absolute;
      top: 150px;
      width: 900px;
      height: 300px;
      background-color: blue;
    }
    
    div.flag > div > div {
      width: 200px;
      height: 200px;
      background-color: white;
      border-radius: 50%;
      position: relative;
      left: 350px;
      top: 50px;
    }
    
    p {
      font-size: 5rem;
      color: white;
      text-align: center;
    }
    
    div.flag > div > div > p {
      color: black;
    }

<div class="flag">
    <p>The Flag</p>
    <div>
      <div>
        <p>of Laos</p>
      </div>
    </div>
</div>