Jump to content

when to use Position Relative


Recommended Posts

it says that position relative and absolute go when you want to adjust some text or a picture without messing with other divs in the container

the way i adjusted things before would be to create a div (for example) and then put another div-class(that would be the picture) and another div-class that would hold a paragraph ,and then i would use margins

and padding to adjust them along with display and stuff like that.

since i found out about position relative and absolute im just wondering if i could use that instead of all of the above that i just wrote .

Link to comment
Share on other sites

You only use positioning especially position: absolute; when you cannot achieve the same result with margin/padding or float/display: inline-block. Position: relative is used as a base area to position position: absolute; elements relative to the boundaries edges of position relative parent using properties top, left, right, bottom, this is usually used where you need an element to be taken out of the normal flow of elements so it can be placed over/overlap other elements. To use for anything else other than overlapping you risk having problematic layout issues.

  • Like 1
Link to comment
Share on other sites

  • 3 months later...


If you specify position:relative, then you can use top or bottom, and left or right to move the element relative to where it would normally occur in the document.


When you specify position:absolute, the element is removed from the document and placed exactly where you tell it to go.

Edited by Ingolme
Removed links to competing websites
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...