Html
copy
reset
Run
Netbax Online Editor Try it Yourself
<style> .absolute { position: absolute; width: 90%; top: 340px; border: 2px solid #ff3800; font-weight: bold;} .fixed { position: fixed; width: 90%; top: 100px; border: 2px solid #ff3800; font-weight: bold;} .relative { position: relative; width: 90%; top: 240px; border: 2px solid #ff3800; font-weight: bold;} .sticky { position: sticky; width: 90%; top: 0px; border: 2px solid #ff3800; font-weight: bold;} </style> <div class="absolute">position: absolute 340px</div> <div class="fixed">position: fixed 100px</div> <div class="sticky">position: sticky 0px</div> <div class="relative">position: relative 240px</div>
