Html
copy
reset
Run
Netbax Online Editor Try it Yourself
<style> .absolute { position: absolute; width: 70%; top:310px; right: 70px; border: 2px solid #ff3800; font-weight: bold;} .fixed { position: fixed; width: 70%; top:110px; right: 10px; border: 2px solid #ff3800; font-weight: bold;} .relative { position: relative; width: 70%; top:210px; right: 5px; border: 2px solid #ff3800; font-weight: bold;} .sticky { position: sticky; width: 70%; top:10px; right: 0px; border: 2px solid #ff3800; font-weight: bold;} </style> <div class="absolute">position: absolute 70px</div> <div class="fixed">position: fixed 10px</div> <div class="relative">position: relative 5px</div> <div class="sticky">position: sticky 0px</div>
