The child element sets relative positioning, and the parent element's overflow is invalidated

1, Bug Description: When the child elements set relative positioning (relative), the parent element of the overflow (set to Auto or hidden) is invalid, in IE6, 7 see or there will be overflow

2, the problem of IE version: IE6, IE7

3. Example: Give a simple example

CSS section:

. outer{
width:200px;
height:200px;
Overflow:hidden;
}
. inner{
width:300px;
height:300px;
position:relative;
Background-color: #ffe17e;
}

HTML section:

<div class= "outer" >
<div class= "inner" >inner</div>
</div>

In this case, the inner part of the IE6 and 7 is overflow.

4, the solution:

Set the position of the parent element (which corresponds to outer) to relative, that is. outer{
width:200px;
height:200px;
Overflow:hidden;
position:relative;
}