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

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

WBOY
WBOYOriginal
2016-06-24 12:13:111110browse



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;
}


Reply to discussion (solution)

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.

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn