Relatively positioned item out of boundaries in auto overflow parent container

I was doing web design using elements inside of parent elements. My parent element containers overflow was set to auto and child was positioned relative. This did not work. My child element was out of boundaries.
1 answer

This is a bug which crops in when within the layout, you set the parent container's overflow property to “auto” and placing a relatively positioned item within it. This relatively positioned item tends to violate the parent element's boundaries and overflows. The simplest fix to this bug is to position the parent container relatively.