See this Pen on Codepen
CSS positioning types always seemed straight forward to me. I thought that since I knew the dictionary definition of absolute, fixed, and relative that I knew how the respective CSS positioning types worked. Yet I continually ran into less than desirable and confusing results – especially when nesting elements within elements. Why? My assumptions about absolute were inaccurate.