CSS Positioning Tutorial #9 - Absolute Position

ChatGpt advised me to follow you and I am now grateful to you for the valuable information you provide

Everyone is a Gangsta until Z-index shows up🙂

I just tackled a major positioning task on a personal project and all thanks to this video series. 🙌

thanks for the info the idea is knowing what is the parent element.

Thank you!! I'm just starting out and this is the best explanation.

Good tutorial about Absolute position in Css Keep it up Man👍👏

Very easy to understand your explanation

Without overflow our code
work?

6 years hence, and still the best !
Not just this, everything else too !!
For generations ahead !!!

Why did you give width:100% for the text within banner?

man, perfecto!

Worlds Best teacher no one can beat him in teaching.....

Superb ..... Hats off to you.

Shaun's explanations are time and time again simple and clear. Absolutely love it.

when i use relative in div the h2 with position absolute disappears why?

this is a blessing

Very nice infos, but you use px as measurment units almost everywhere so the layout will vary at different resolutions. It seems that you're a dedicated DTP guy. :)) What's happening with the banner is so wrong!

5 years and still working! Thanks for a wonderful tutorial

Great explanation as ever! I'd just like to point out a small detail that confused, for others who might wander the same:
Giving an absolute position to an element make it's width and height equal to it's content, even though that element may be block, like <h2> in the video, which is why its width is set to 100% later on.

Nicely and easily explained. Thanks :D

I still have to clear something, because when I position it to the bottom, it doesn't go fully to the bottom of the HTML.

Hi, Your videos are awesome, keep doing the good stuff..!! :)
I just have a question, when we remove an element out of a normal document flow, does it behaves like a block element or inline element by default?

Watching here in the future! I might say that you're an extreme mentor!
I've already watched your playlist about flexbox and dom manipulation, and now finishing this one.
You're a big help with the web development community especially to every beginners like me.
You got my bow :). Thank you so much!

You have NO idea how much you’ve just helped my brain understand this.

Why relative position to the parent?

Thanks a lot for helping me out.

Very clear explanation !!!

Why did the h2 appeared as soon as its position was set to absolute even-though its parent element had the overflow set to hidden?

I have face some problem when i use position absolute...In Every Break point the position of the content is moving.. What is the trick to position absolute content responsive in every Device

I did the 1k like

I gained brain cells just by watching this.....

amazing! it took me days to try and figure it out myself and you explained it in 5 minutes !! so cool

you are amazing.

Nice! thank you!

Thank you !

I watched 4-5 videos about absolute and relative... every video was confusing... THIS IS THE BEST EXPLANATION OF ABSOLUTE AND RELATIVE, I HAVE WATCHED SO FAR... THANK YOU :)

Thanks so much!! I have a question - if you want the parent element (for e.g. sky picture) to also be relative (absolute) to something, (like relative to another div it is inside) but it has to be position:relative in order for the child to be absolute in relative to it - basically if that photo of the sky had to be placed in position relative inside another div, for e.g. how would that work, since it already has to be position:relative how can it be both?
thanks

thx men!! your series are great, this is as well.

its so powerful)) thank you )))

Thanks. You clarify this, now it makes sense.

you are the best , your tutorials are veryyyyyy good <3

Thanks for giving us such awesome tutorial.
But wondering one thing...what if I want to resume the normal document flow after I use this position: absolute attribute on a element? It doesn't work like the float attribute if I use clear:both method.

thank you for your clear explanation

Loved it
..thank u so much. God bless

Bro, u saved my assigment :)))))

Hi everyone,
How to make the position responsive? I used % instead of pixels and it still isn't working ?
Thank you

DIS WUN SM@RT NIGJNA

Thanks!!!

the parent relative - child absolute thing. just what i need. thank you very very much.