{"id":894,"date":"2010-09-16T03:06:58","date_gmt":"2010-09-16T03:06:58","guid":{"rendered":"http:\/\/www.phpmind.com\/blog\/?p=894"},"modified":"2010-09-16T03:09:41","modified_gmt":"2010-09-16T03:09:41","slug":"what-are-the-differences-between-absolute-and-relative-positioning","status":"publish","type":"post","link":"https:\/\/www.phpmind.com\/blog\/2010\/09\/what-are-the-differences-between-absolute-and-relative-positioning\/","title":{"rendered":"What are the differences between absolute and relative positioning?"},"content":{"rendered":"

Absolute<\/h2>\n

This is a very powerful type of positioning that allows you to literally place any page element exactly where you want it. You use the positioning attributes top, left bottom and right to set the location. Remember that these values will be relative to the next parent element with relative (or absolute) positioning. If there is no such parent, it will default all the way back up to the element itself meaning it will be placed relatively to the page itself.<\/p>\n

Most important thing about absolute positioning is that these elements are removed from the flow of elements on the page. An element with this type of positioning is not affected by other elements and it doesn\u2019t affect other elements. This is a serious thing to consider every time you use absolute positioning.<\/p>\n

\r\n\r\n\r\n