Position absolute

Position absolute

by soum1

HTML

<div class="divMainWrapper">
  <h1>
    Example how position absolute works
  </h1>
  <div class="outerRelativeWrapper">
    <div class="outerWrapper">
      <div class="innerAbsoluteWrapper">
        This is a division with position absolute, top 0 and left 0
      </div>
    </div>
  </div>
</div>

CSS

.outerRelativeWrapper{
  position: relative;
  border: 1px solid red;
}
.innerAbsoluteWrapper{
  background: #efefef;
  padding: 10px;
  position: absolute;
  top: 0px;
  left: 0px;
 
}
.outerWrapper{
  border: 1px solid #000;
  margin-top: 10px;
}