CSS for abs-1

  <script>
    html  { margin: 0; padding: 0; background-color: red; }  # 0,0,0,1
     body  { margin: 5px; background-color: gray; }  # 0,0,0,1
     #container  { position: relative; background-color: yellow; border: 2px solid lightgreen; }  # 0,1,0,0
  </script>
  

Page Content

<div id="container">
<h3 style="background-color: blue;">Absolute Positioning</h3>
<p style="background-color: green;">This is a sample paragraph that we need in order
to have something to look at when we set up a positioned
paragraph on top of it
</p>
<p style="position:absolute; background-color:transparent; width:150px; border: 2px black solid; top: 0px; margin:0px;">
This is an absolutely positioned paragraph which will give us something
to look at as we start to explore absolute positioning.
</p>
</div>