Contoh CSS Position Absolute

code CSS

<!doctype html>
<html>
<head>
<title>Contoh CSS Absolute</title>
<style type="text/css">
.acuan{
  width:300px;
  border: solid 1px blue;
  margin: 15px;
}
.abs{
  position: absolute;
  background-color: rgba(255,0,0,0.3);
  height: 30px;
}
</style>
</head>
<body style="min-height:1200px">

<div class='acuan'>
<div class='abs'>haloo</div>
<h1>Isi di dalam acuan</h1>
</div>


<div class='acuan'>
<div class='abs'>haloo</div>
<h1>Isi di dalam acuan</h1>
</div>


<div class='acuan'>
<div class='abs'>haloo</div>
<p>Konten isi paragraf</p>
</div>

</body>
</html>

Sumber : http://www.developer-id.com/