Query regarding absolute and relative positioning
<style>
.pink.box {
position: absolute;
top: 0px;
right: 0px;
width: 75px;
height: 75px;
background: deeppink;
}
</style>
<div class="pink box"></div>
<p>Hello World</p>
Can anyone help me understand why the absolute positioning works this way where right 0 pushes element to right corner where as relative positioning not doing that?
.pink.box {
position: absolute;
top: 0px;
right: 0px;
width: 75px;
height: 75px;
background: deeppink;
}
</style>
<div class="pink box"></div>
<p>Hello World</p>
Can anyone help me understand why the absolute positioning works this way where right 0 pushes element to right corner where as relative positioning not doing that?
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Recent Announcements
Similar Threads
Was this page helpful?
