Overflow:hidden failure problem in CSS IE7 and its solving method

CSS compatible IE7:

When doing the page with negative margin center when the IE7, the parent node in the Overflow:hiden failure problem, consulted some information, summed up the solution.

Cause of the problem:

The Overflow:hidden property of the parent element is invalidated when the parent element's immediate child or subordinate child element's style has the Position:relative property.

Workaround:

We find in IE7 that child elements exceed the height set by the parent element, even if the parent element is set to Overflow:hidden.

Solving this bug is simple, using position:relative in the parent element, and solving the bug is to use the overflow parent node to increase the relative positioning.

Overflow:hidden failure problem in CSS IE7 and its solving method