Resolving the issue of using "position: fixed" CSS property with a parent element that has "position: relative"

When using the "fixed" value for the "position" CSS property, the element is aligned with respect to the root area of the web document (viewport), rather than its parent element. However, there is an exceptional case where the element may not appear as expected. In such cases, how can we resolve the issue?! position: f...