Home > Article > Web Front-end > I am waiting online for IE6. The child div breaks the parent div when the height is adjusted. However, the height of the child div is much smaller than the parent div_html/css_WEB-ITnose
If you jump to a height smaller than the parent div, it will hold up a lot. As shown in Figure 1
But when the height of the child is reduced, it is much different from the parent div. As shown in Figure 2
This is the normal display under ie7 8. I want ie6 to also adjust to this effect.
Please enlighten me
The code is as follows
Parent div
.TabContent{
background:#fff;
width:302px!important;
width:299px;
height:146px!important;
height:146px;
border: 1px #e3e3e3 solid!important;
border-bottom:1px #e3e3e3 solid;
border- right:1px #e3e3e3 solid;
border-top:1px #e3e3e3 solid;
float:left;
margin-left:-3px;
text-align:center;
}
child div
.scrollframe
{
z-index:1;
height:152px!important;
_height:140px;
margin:0px ;
width:302px!important;
width:299px;
overflow-y:scroll;
position: relative!important;
top: -25px;
left: 0px ;
border: 1px #ff0000 solid;
position: relative;
}
Tell the truth I don’t understand what you are describing at all. Site message
IE6 seems to have something like 3 pixels or something.