IE6 CSS bug: position: relative becomes absolute

BUG description:

Position: relative, bottom =-1px and other elements are used to locate block-level elements on the page, which will show the behavior of postion: absolute.

Solution:

Method 1. Add the position: relative attribute to the parent element of the outermost layer. Note that it is the outermost layer.

Method 2: change the position: relative of this element to the default static location, and implement it through attributes such as margin-top.

PS: Although IE6 is very old, there are still so many users using IE6 in our products. There is nothing wrong with the user's choice and we respect the user. Therefore, level1-level bugs must be solved for IE6, however, the page effect category is progressively enhanced, and only the most basic visual effect of IE6 is provided. Therefore, to experience the cool effect, update your browser to IE8, IE9, FF, Chrome...