CSS contoh position absolute1

by istiq20

HTML

<!DOCTYPE html>
<html>

<head>
 <style>
  .kuning-absolute {
    position: absolute;
    right: 15px;
    height: 80px;
    width: 80px;
    background: yellow;
  }

  .merah-static {
    height: 200px;
    width: 300px;
    background: red;
  }

  .biru-relative {
    position: relative;
    height: 400px;
    width: 400px;
    background: deepskyblue;
  }
  </style>
</head>

<body>
  <div class="biru-relative">
    <div class="merah-static">
    <div class="kuning-absolute"></div>
	  </div>
  </div>
</body>

</html>