FUNDAMENTALS OF COMPUTER

Detailed explanation-1: -relative – keeps the element in the normal document flow but allows us to move it around relative to its normal location. absolute – removes the element from the normal document flow and allows us to place it in a specific location. It will scroll along with the surrounding page content.

Detailed explanation-2: -Remember that relative positioning keeps the element in the normal document flow. No matter where we move the element, its original location will be reserved on the screen. Absolute positioning places the element not relative to its normal position but from the top left corner of the page.

Detailed explanation-3: -Absolutely positioned elements are removed entirely from the document flow. That means they have no effect at all on their parent element or on the elements that occur after them in the source code. An absolutely positioned element will therefore overlap other content unless you take action to prevent it.

Detailed explanation-4: -Relative-the element is positioned relative to its normal position. Absolute-the element is positioned absolutely to its first positioned parent. Fixed-the element is positioned related to the browser window. Sticky-the element is positioned based on the user’s scroll position.

Detailed explanation-5: -Absolute positioning defines the position of a given bounding box from the top and left side margins of the web page. This not only allows objects to be placed in an exact location, it also allows objects to be placed one on top of another.