Inhalt positionieren mit css

Float

Die Boxen

<article>
    <h2>Float</h2>
        <div class="bigbox relative">
            <div class="box fixed"></div>
            <div class="box absolute"></div>
            <div class="box sticky"></div>
        </div>
</article>

& Die Positionen

.relative{
    position: relative;
}
.absolute{
    position: absolute;
    bottom: -40px;
    right: -40px;
}
.fixed{
    position: fixed;
}
.sticky{
    position: sticky;
    top: 0;
}