Absolutno poziciniranje

Relativno glede na starševski div. Če starša ni, glede na viewport, a ne zadrži scrolla.

by Gregor Z.

HTML

<div class="static">

</div>
<div class="relative">
<div class="absolute">

</div>
</div>

CSS

.static {
  position: static;
  width: 30px;
  height: 80px;
  border: 2px solid red;
}

.relative {
    position: relative;
    width: 400px;
    height: 200px;
    border: 3px solid #73AD21;
} 

.absolute {
    position: absolute;
    top: 80px;
    right: -50px;    
    width: 200px;
    height: 100px;
    border: 3px solid #73AD21;
}