Absolute Positioning is the trickiest position value. absolute behaves like fixed except relative to the nearest positioned ancestor instead of relative to the viewport. If an absolutely-positioned element has no positioned ancestors, it uses the document body, and still moves along with page scrolling. Remember, a "positioned" element is one whose position is anything except static.More is explained in the Video below.
Do well to watch, Download, Study and Master your use of this element.
DOWNLOAD VIDEO

No comments