Position in html

please explain absolute and sticky positioning clearly

Sticky Position in HTML –
An element with position: sticky; is positioned based on User’s scroll position.
It is mixture of position:relative and position:fixed property.
You will notice that whatever element you have made sticky, when touches the top (address bar in any browser) by scrolling, it will stick to it and remain on the top until you are scrolling down. And when you are scrolling up and reaches to that element (that you have positioned sticky), it will not still stick at the top and behave like normal ones.
Do one thing, write a HTML code and made any element positioned sticky, you will notice some difference with the sticky part from the normal ones.
you can refer this too :arrow_down:
I hope this will help you!!

thanku i understood sticky one please explain absolute positioning also

I am as pleased as punch to know that u understand the sticky property. I am also new to HTML.

An element with position: absolute; is positioned relative to the nearest positioned parent. However; if an absolute positioned element has no positioned parent, it uses the document body, and moves along with page scrolling.

And please watch these videos for clarity.

I hope this will help you.