Position in IE6: the reason why the absolute positioning layer is not displayed due to absolute failure

I have seen it on the internet several times recently. The conclusion is:

When you find that an element cannot be displayed under IE6 or 7, and the element passes through position absolute, and the elements are floating before and after, you need to consider the sibling element, sometimes it is the front, sometimes it is the back, add a <Div class = "clearboth"> </div>

When restructuring a ticket order page this morning, we need to write an absolute positioning floating layer to match the JS special effect. After writing this, we found that, normally displayed in FF, IE8, IE7, and OP. However, when IE6 is reached, the absolute position of the floating layer cannot be displayed, and the "position: after absolute is removed, it can be displayed. Why?

 

After studying Baidu and Goole for a long time, I finally found the cause. It turns out that the DIV layer next to the floating layer is a left floating layer using "float: left, as a result, the absolute positioning floating layer cannot be displayed under IE6. The solution is to insert a clear floating layer before the absolute positioning floating layer.

 

Conclusion: In IE6, if the position: absolute positioning layer is next to the layer in front of the absolute positioning layer, if the "float" CSS floating attribute is used, the absolute positioning layer cannot be displayed.

Position in IE6: the reason why the absolute positioning layer is not displayed due to absolute failure